\n
\n
\nThomas Kœgler
\nThomas Kœgler
CEO\n\n\n
\nAndrea Gasparini
Group CFO\n\n\n","show":false,"descriptionHTML":"\n\nThomas Kœgler, Chief Executive Officer of Asmodee, \nwill present the company’s business model and its \nunique ecosystem, its strategic direction and future \ngrowth opportunities.\n
Andrea Gasparini, Group CFO of Asmodee, will provide \ninsights into the financial performance and outlook of the \ncompany. \n
Additional members of Asmodee’s Management Team \nwill take the stage to cover specific topics. A full list of \nspeakers will be made available closer to the event on \nthe Asmodee website.\n\n\n\n\nThomas Kœgler
CEO\n\n\n\nAndrea Gasparini
Group CFO\n\n\n"},"chatboard":{"show":false,"board":{"_id":"6703efc26ff6bec87b4bc744","moderation":true,"title":"Send a message or a question here","hashtags":[],"viewersCanPostResponses":true,"discardReTweets":"true","__v":0},"nameFromLogin":false,"immutableName":false},"gdprmodifications":{"enabled":false,"cookiesPolicyUrl":"https://videosync.events/cookie-policy","termsOfUseUrl":"https://videosync.events/terms-of-use","privacyPolicyUrl":"https://corporate.asmodee.com/privacy-policy","privacyPolicyCheckDisabled":false,"videosyncFooterDisabled":false,"acceptPrivacyText":"\\* I have read and agree to the [Privacy Policy]"},"metadata":{"image":{"url":"","width":null,"height":null},"enabled":true,"title":null,"description":null,"noindex":true},"oskari":{"loginTexts":{"fi":{"content":"\n \tTervetuloa\n\tKONE Oyj:n varsinaiseen yhtiökokoukseen\n\tTorstaina 29. helmikuuta 2024\n\n\n \n \n Kokouspäivä ja -aika\n 29.2.2024 klo 11.00\n \n \n Kokouspaikka\n Messukeskus Siipi\n \n \n Osoite\n Rautatieläisenkatu 3, 00520 Helsinki\n \n \n"},"en":{"content":"\n \tWelcome to\n\tKONE's Annual General Meeting\n\tThursday 29 February 2024\n\n\n \n \n Date and time\n 29.2.2024 at 11.00 AM (EET)\n \n \n Place\n Conference Center, Messukeskus Siipi\n \n \n Address\n Rautatieläisenkatu 3, 00520 Helsinki\n \n \n"},"sv":{"content":"Loggar in på bolagsstämman\nMötesdatum och tid {eventtime;DD.MM.YYYY HH.mm}\n\nTÄHÄN TEKSTI RUOTSIKSI
\n\nTÄHÄN TEKSTI RUOTSIKSI
\n\nVoit testata laitteesi yhteensopivuuden täältä.\n \n
\nHuomaathan, että yhtiökokoukseen pääsee kirjautumaan salasanalla vasta kokouspäivänä. Salasanasi löytyy vahvistusviestistä. Jos sinulla on ongelmia kirjautumisessa, ota yhteyttä:\n
\nTekninen tuki
\nPuh. +358 10 28 18 909.\n"}}},"registration":{"enabled":false,"onlineUsers":{"enabled":false,"showOnlineOnly":false,"usersListSection":true,"allowInvisible":true,"allowInvisibleText":"Show me in participants list","title":"Participants","conversationsTitle":"Active discussions","customPopupFields":[],"defaultLimit":20},"chat":{"enabled":false},"calendarInvite":{"organizer":{"name":"VideoSync","email":"[email protected]"}},"fields":[{"choices":[],"hideFieldTitle":null,"key":"FNAME","required":true,"title":"Name and surname","type":"text","values":null},{"choices":[],"hideFieldTitle":null,"key":"EMAIL","required":true,"title":"Email","type":"email","values":null},{"choices":[],"hideFieldTitle":null,"key":"COMPANY","required":false,"title":"Company / Organization","type":"text","values":null},{"choices":[],"hideFieldTitle":null,"key":"CUSTOM_TEXT","required":false,"title":"Additional information","type":"text","values":null}],"authenticateByEmail":{"enabled":false}},"invitation":{"enabled":false},"webpageEmbed":{"enabled":false},"thumbnails":{"enabled":true,"showInLive":false},"footer":{"enabled":true},"redirect":{"enabled":false,"url":null},"subtitles":{"enabled":false,"languages":[],"processing":[]},"countdown":{"onRegistrationPage":{"enabled":false,"reversePlacement":false},"text":{"days":"days","hours":"hours","minutes":"min","seconds":"sec","registrationTitle":"The event starts in:"},"enabled":true,"hideDays":false,"template":1,"darkTheme":true},"layout":{"attachments":{"showInHidden":false,"fontColor":"#2B2B2B","bgColor":"rgba(255,255,255,1)","hoverBgColor":"rgba(0,0,0,0.2)","fontSize":22},"body":{"maxWidth":{"pixels":2000,"enabled":false},"bgImage":{"url":"","position":"center bottom","repeat":"no-repeat","size":"100%"},"marginTop":0,"fontFamily":null,"fontLink":null,"titlesFont":null,"bgColor":"var(--base-color)","adobe":"hin1qlp"},"header":{"socialMedia":{"buttons":{"twitter":{"enabled":false},"facebook":{"enabled":false},"linkedIn":{"enabled":false},"pinterest":{"enabled":false}},"buttonsBgColor":"rgb(204, 204, 204)","buttonsFgColor":"rgba(255,255,255)"},"logo":{"originalSize":{"width":121,"height":56},"path":"/events/asmodee/67038ea78713f778b01ae097/images/asmodee-logo-white_500x83-59133126934984.png","width":"180","padding":"0 0 0 0"},"enabled":true,"subheading":"{eventtitle}","bgColor":"#481F72","fontColor":"white","fontSize":"22px","showSocialButtons":true,"showLogout":false},"player":{"bgColor":"var(--color-highlight)","sizeFactor":50,"reversePlacement":false,"followOnScroll":false,"autoPlay":true,"contentBelowVideo":""},"hidden":{"background":{"originalSize":{"width":1705,"height":1279},"path":"/events/asmodee/67038ea78713f778b01ae097/images/catan_still-23_16x9_ct_o_ww_ip_1920x1080.png","template":"BACKGROUND","width":"1705","padding":"0 0 0 0"},"fontColor":"var(--text-color)","formPadding":"3rem","formBgColor":"","bgColor":"var(--base-color)","overlayInHiddenState":false},"chatboard":{"reactions":{"enabled":false,"availableEmojis":["👍","😄","❤️"]},"attachImages":{"enabled":false},"messageBox":{"shadow":{"hShadow":0,"vShadow":0,"blur":0,"spread":0,"color":"rgba(255,255,255,1)"},"margin":20,"borderRadius":0,"bgColor":"rgb(255,255,255)","color":"rgb(0,0,0)","pinnedBgColor":"#AAE1C8","highlightedBgColor":"#AAE1C8"},"text":{"namePlaceholder":"Your name","commentPlaceholder":"Write your comment here","writeComment":"Comment or ask a question","submitComment":"Send","tweetComment":"Tweet a Comment","submitReply":"Reply","reply":"Reply","showMoreReplies":"Show more replies","loadMore":"Load more...","sentToModeration":"Thank you. Your message has been sent to moderation.","cancel":"Cancel"},"showInHidden":false,"messagesInColumns":false,"showInsidePresentation":false,"chatFormOpen":true,"profileImagesEnabled":false,"hideFromViewers":false,"bgColor":"var(--color-highlight)","fontColor":"#fff","inputBgColor":"rgba(255,255,255,0.9)","inputFontColor":"rgb(0, 0, 0)","chatRadius":"","buttonBgColor":"var(--button-color)","buttonFontColor":"var(--button-text)","hideFormInVOD":true},"registration":{"bgImage":{"originalSize":null,"path":"/events/asmodee/67038ea78713f778b01ae097/images/catan_still-23_16x9_ct_o_ww_ip_1920x1080.png","template":"BACKGROUND","width":null,"padding":"0 0 0 0"},"text":{"text":"","title":"Please register to the webcast here:","register":"Register","requiredFields":"Required fields"},"showSections":{"about":true,"chapters":true,"linkGrid":true,"speakersSection":true},"bgColor":"rgba(148, 146, 146, 0.9)","fontColor":"rgb(0, 0, 0)","regFormWidth":"450px","inputCenter":"","inputMaxWidth":"450px","inputBgColor":"rgba(255, 255, 255, 0.9)","inputPlaceColor":"rgba(0, 0, 0, 0.5)","inputFontColor":"rgb(0, 0, 0)","buttonBgColor":"rgb(51, 51, 51)","buttonFontColor":"rgb(255, 255, 255)","inputDisplay":"","inputWrap":"","inputBetween":"","itemWidth":"","formBgColor":"transparent","formPadding":"1.5rem","inputRadius":"4px","showLabels":false},"thumbnails":{"bgColor":"transparent","fontColor":"var(--text-color)","showTime":false},"about":{"bgColor":"var(--color-highlight)","fontColor":"var(--text-color)","titleFontSize":"150%","descFontSize":"120%","placement":"section"},"chapters":{"dropdown":{"enabled":false,"theme":"light","keepGrid":false},"bgColor":"var(--base-color-alt)","fontColor":"#000","title":"AGENDA OF THE DAY","enabled":false,"vertical":true},"footer":{"bgColor":"var(--base-color)","fontColor":"var(--text-color)","text":"\n\n {eventtitle}\nEpicenter Stockholm & webcast\nNovember 19, 2024 at 11:30 - 19:00 (CET)\nPresentations and webcast start at 13:00\n\n\nTERMS OF USE | PRIVACY POLICY |Event made live by ![\"Inderes](\"https://cdn.videosync.fi/events/asmodee/common/images/inderes-logo-white.svg\")
","logo":""},"linkGrid":{"bgColor":"rgb(255, 255, 255)","fontColor":"rgb(0, 0, 0)"},"breakoutRoom":{"bgColor":"rgb(255, 255, 255)","fontColor":"rgb(0, 0, 0)"},"onsiteApp":{"text":{"pollStatus":{"voted":"Voted","notVoted":"Not voted"},"chatTitle":"Chat","pollTitle":"Polls","pollSubmit":"Submit","pollListTitle":"Poll","answerNumberText":"Answer number","openTextPollPlaceholder":"Answer here...","multipleChoiceText":"You can choose multiple answers!"}},"oskari":{"login":{"bgImage":{"originalSize":{"width":0,"height":0},"path":"/events/wonderland/common/images/Dc304o3bTH-3D1NCBOWpB-1KVSbXxcql-illustration.svg"},"css":""}},"theme":{"colors":{"black":"0 0% 7%","white":"0 0% 100%","background":"240 4% 5%","foreground":"0 0% 100%","card":"0 0% 9%","primary":"166 100% 38%","primaryAlt":"166 100% 20%","primaryForeground":"166 100% 90%","muted":"0 0% 48%","mutedAlt":"0 0% 80%","mutedForeground":"0 0% 10%","accent":"240 5% 96%","accentForeground":"240 6% 10%","destructive":"9 95% 58%","border":"0 0% 12%"},"borderRadius":"0.25rem"},"layoutCssFile":"default","advancedCss":"/* VARIABLES */\n:root {\n --font-family: \"Poppins\", sans-serif;\n --font-family-headings: \"Poppins\", sans-serif;\n --font-family-text: var(--font-family);\n --font-family-alt: var(--font-family);\n --symbol-family: \"Material Symbols Rounded\";\n --text-font: 400 1rem/1.1em var(--font-family-text);\n --h1-font: 700 clamp(60px, calc(2.5rem + 3vw), 100px) / .9em var(--font-family-headings);\n --h2-font: 700 2.5rem/1.2em var(--font-family-headings);\n --h3-font: 400 clamp(26px, calc(1.1rem + 1vw), 34px) / 1.2em var(--font-family-headings);\n --h4-font: 400 clamp(20px, 2.8vw, 24px) / 1.1em var(--font-family-text);\n --spacing-vertical: 2rem;\n --spacing-horizontal: clamp(1rem, 5vw, 4rem);\n --spacing-both: var(--spacing-vertical) var(--spacing-horizontal);\n --spacing-vertical-small: calc(var(--spacing-vertical) / 2);\n --spacing-horizontal-small: calc(var(--spacing-horizontal) / 2);\n --spacing-both-small: var(--spacing-vertical-small) var(--spacing-horizontal-small);\n --spacing-vertical-large: 3rem;\n --max-container-width: calc(1600px + 2 * var(--spacing-horizontal));\n --transition: 0.2s ease-in-out;\n --shadow:\n /* Inner glow */\n inset 0 0 0.5px 1px hsl(0deg 0% 100% / 7.5%),\n /* Shadow ring */\n 0 0 0 1px hsl(0deg 0% 0% / 5%),\n /* Multiple soft shadows */\n 0 0.3px 0.4px hsl(0deg 0% 0% / 2%),\n 0 0.9px 1.5px hsl(0deg 0% 0% / 4.5%), 0 3.5px 6px hsl(0deg 0% 0% / 9%);\n\n /* Background colors */\n --base-color: #FFFFFF;\n --base-color-alt: #ffffff;\n\n /* Text colors */\n --text-color: #fff;\n --text-color-alt: #fff;\n\n /* Highlight colors */\n --color-highlight: #481F72;\n --color-highlight-alt: #F80073;\n\n /* Input variables */\n --input-background: #fff7;\n --input-text: #fff;\n --input-placeholder: #fff;\n --input-border: 1px solid transparent;\n --input-background-hover: #fff;\n --input-text-hover: #000;\n --input-border-color-hover: transparent;\n --input-radius: 0;\n\n /* Button variables */\n --button-background: var(--color-highlight);\n --button-text: #fff;\n --button-radius: 0;\n --button-border: 1px solid var(--color-highlight);\n --button-background-hover: #ffbd02;\n --button-border-color-hover: var(--button-background-hover);\n --button-text-hover: var(--button-background);\n\n /* Countdown variables */\n --countdown-background: #481F72;\n --countdown-text: #fff;\n\n /* Videosync footer variables */\n --footer-background: #414042;\n --footer-text: #fff;\n}\n@media (max-width: 650px) {\n :root {\n --spacing-vertical: 4vw;\n }\n}\n\n/* GENERAL */\nhtml {\n font-family: var(--font-family-text);\n font-size: clamp(16px, calc(.8rem + .5vw), 18px);\n}\nbody {\n font-size: inherit;\n background-size: cover !important;\n}\nbody :is(h1,\nh2,\nh3,\nh4,\nh5,\nh6) {\n font-family: var(--font-family-headings);\n}\nbody :is(html,\nbody,\ndiv,\ninput,\nbutton,\nselect,\ntextarea,\np) {\n font-family: var(--font-family-text);\n}\nbody .section-heading {\n margin: 0 0 var(--spacing-vertical-large);\n padding: unset;\n font: var(--h2-font);\n color: var(--color-highlight);\n text-align: left;\n letter-spacing: -0.02em;\n}\nbody .section-heading .pink {\n color: var(--color-highlight-alt);\n}\nbody .section-heading .white {\n color: #fff;\n}\nbody .highlight {\n color: var(--color-highlight);\n}\n\n/* STRUCTURE */\n.vs-mainwrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter) {\n display: grid;\n padding: unset;\n margin: unset;\n grid-template:\n \". container .\" auto / auto minmax(50px, var(--max-container-width)) auto;\n order: 0;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)::before,\n.vs-mainwrapper> :is(section,\nheader,\nfooter)::after {\n content: unset;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)> :is(div.container,\n.main-header,\nregistration,\nreact-component) {\n -ms-grid-row: 1;\n -ms-grid-column: 2;\n grid-area: container;\n justify-self: stretch;\n max-width: unset !important;\n width: unset;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)> :is(div.container,\n.main-header,\nregistration,\nreact-component):not(.main-header,\nregistration) {\n margin: var(--spacing-vertical-large) var(--spacing-horizontal) !important;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)> :is(div.container,\n.main-header,\nregistration,\nreact-component)>.content {\n width: 100%;\n}\nbody:not(.is-in-iframe) .vs-mainwrapper {\n min-height: calc(100vh);\n position: relative;\n}\nbody:not(.is-in-iframe) .vs-mainwrapper::before {\n content: 'Great games, amazing stories';\n display: block;\n width: 100%;\n font-size: 12px;\n font-weight: 600;\n color: #fff;\n padding: .15em var(--spacing-horizontal) 0em;\n position: absolute;\n top: 0;\n left: 0;\n background: transparent;\n z-index: 30;\n}\n\n/* HEADER */\n#vs-header {\n min-height: unset;\n z-index: 10;\n box-shadow: none;\n border-top: 30px solid #F80073;\n}\n#vs-header .main-header {\n container-type: inline-size;\n grid-area: container;\n margin: 1.15rem var(--spacing-horizontal) 1.15rem !important;\n display: flex;\n justify-content: stretch;\n align-items: stretch;\n}\n#vs-header .header-content {\n width: 100%;\n height: 100%;\n display: grid;\n grid-template: \"logo subheader meta\" auto / max-content 1fr max-content;\n align-items: end;\n gap: 15px var(--spacing-horizontal);\n padding: 0;\n}\n#vs-header .header-content .logo {\n grid-area: logo;\n display: flex;\n align-items: center;\n max-width: 35vw;\n}\n#vs-header .header-content .logo img {\n padding: unset !important;\n}\n#vs-header .header-content .main-heading {\n display: none;\n}\n#vs-header .header-content .subheader {\n display: none;\n grid-area: subheader;\n margin: unset;\n padding: unset;\n}\n:is(.eventstate-public_live,\n.eventstate-public_ondemand) #vs-header .header-content .subheader {\n display: block;\n}\n#vs-header .header-content .subheader p {\n margin: unset;\n text-align: center;\n font: var(--text-font);\n font-weight: 400;\n color: var(--text-color-alt);\n text-wrap: balance;\n font-size: 1.05rem;\n}\n#vs-header .header-content .meta {\n grid-area: meta;\n margin: 0;\n padding: unset;\n color: var(--color-text) !important;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n flex-wrap: no-wrap;\n gap: 1.2rem;\n min-width: 180px;\n}\n#vs-header .header-content .meta a {\n display: flex;\n align-items: center;\n gap: 0.5em;\n font: var(--text-font);\n font-size: 1.2rem;\n color: var(--text-color-alt);\n text-decoration: none;\n transition: var(--transition);\n}\n#vs-header .header-content .meta a .link-text {\n transition: var(--transition);\n}\n#vs-header .header-content .meta a .material-symbols-rounded {\n font-weight: 300;\n font-size: 1.2em;\n transition: inherit;\n color: var(--color-highlight);\n}\n#vs-header .header-content .meta a:hover {\n color: var(--color-highlight-alt);\n}\n#vs-header .header-content .meta a:hover .link-text {\n text-decoration: underline;\n color: var(--color-highlight);\n}\n#vs-header .header-content .meta a:hover .material-symbols-rounded {\n color: var(--color-highlight);\n}\n@media (max-width: 900px) {\n body:is(.eventstate-public_live,\n .eventstate-public_ondemand) #vs-header .header-content {\n grid-template: \"logo meta\" auto \n \"subheader subheader\" auto / 1fr max-content;\n }\n}\n\n/* REGISTRATION */\n#vs-registration {\n flex: 1;\n background-color: var(--base-color) !important;\n background-size: cover;\n background-position: bottom center;\n max-width: 100vw;\n margin: 0 auto;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n padding-bottom: 5vw;\n display: flex;\n justify-content: center;\n align-items: stretch;\n}\n#vs-registration registration {\n width: 100%;\n max-width: calc(var(--max-container-width) - 2 * var(--spacing-horizontal)) !important;\n display: flex;\n margin: max(var(--spacing-vertical-large), var(--spacing-horizontal)) var(--spacing-horizontal) !important;\n}\n#vs-registration .container:not(.separate-image-wrapper) {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n gap: max(var(--spacing-vertical), 40px) !important;\n padding: unset;\n max-width: unset;\n}\n#vs-registration .container.separate-image-wrapper {\n display: grid;\n grid-template: \"content image\" auto / 600px auto;\n justify-content: space-between;\n align-items: stretch;\n gap: max(var(--spacing-vertical), 40px) !important;\n padding: unset;\n max-width: unset;\n}\n#vs-registration .container .content {\n grid-area: content;\n position: relative;\n margin: unset;\n width: 100%;\n max-width: 500px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: stretch;\n gap: max(var(--spacing-vertical), 2.5rem);\n background-color: var(--color-highlight-alt);\n padding: 1.5rem 1.5rem 2rem;\n border-radius: 0;\n box-shadow: var(--shadow);\n}\n#vs-registration .container .register-heading>* {\n margin: unset;\n color: var(--text-color-alt);\n}\n#vs-registration .container .register-heading h1 {\n font: var(--h1-font) !important;\n margin: 0 0 .35em;\n color: var(--text-color);\n text-transform: uppercase;\n max-width: 600px;\n text-wrap: balance;\n}\n#vs-registration .container .register-heading h3 {\n font: var(--h4-font);\n}\n#vs-registration .container .register-heading h4 {\n margin: 0 0 .5em;\n font: var(--h4-font);\n text-wrap: balance;\n width: fit-content;\n}\n#vs-registration .container .content .register-form {\n margin: unset;\n padding: unset !important;\n max-width: unset !important;\n}\n#vs-registration .container .content .register-form h3.register-text {\n font: var(--h4-font);\n font-weight: 600;\n margin: 0 0 1.5rem;\n color: var(--text-color);\n}\n#vs-registration .container .content .register-form h3.register-text p {\n margin: unset;\n}\n#vs-registration .container .content .register-form .register-flex {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.65rem;\n order: 0;\n}\n#vs-registration .container .content .register-form .register-flex .register-item {\n grid-column: span 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item-type-textarea {\n grid-column: span 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item .register-label {\n font-size: 16px;\n font-weight: 400;\n padding: unset;\n color: var(--text-color-alt);\n}\n#vs-registration .container .content .register-form .register-flex .register-item .register-label .required-label-asterisk {\n display: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item .required {\n float: unset;\n z-index: unset;\n width: unset;\n height: 100%;\n text-align: center;\n place-self: stretch stretch;\n font-size: 0;\n grid-column: 2/3;\n grid-row: 1/2;\n margin: unset;\n margin-top: .65rem;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--input-placeholder);\n}\n#vs-registration .container .content .register-form .register-flex .register-item .required::after {\n content: \"\\e1eb\";\n font-family: var(--symbol-family);\n font-weight: 200;\n display: block;\n font-size: 0.9rem;\n height: 100%;\n line-height: 1em;\n}\n#vs-registration .container .content .register-form .register-flex .register-item :is(input,\ntextarea) {\n font-size: 1rem;\n height: 2.15em;\n max-width: unset !important;\n padding: 0 0.75em;\n color: var(--input-text) !important;\n background-color: var(--input-background) !important;\n border: var(--input-border);\n border-radius: var(--input-radius) !important;\n transition: var(--transition);\n resize: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item :is(input,\ntextarea)::placeholder {\n color: var(--input-placeholder) !important;\n opacity: .8;\n}\n#vs-registration .container .content .register-form .register-flex .register-item :is(input,\ntextarea):is(:focus,\n:hover)::placeholder {\n color: #000 !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-invalid.ng-touched {\n border-color: transparent !important;\n background-color: var(--input-background) !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-invalid.ng-touched+.required {\n color: #a94442 !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-invalid.ng-touched+.required::after {\n content: \"\\e000\";\n font-weight: 400;\n font-size: 1.2rem;\n margin-top: -0.4rem;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-scope:is(:hover,\n:focus) {\n background-color: var(--input-background-hover) !important;\n border-color: var(--input-border-color-hover) !important;\n color: var(--input-text-hover) !important;\n outline: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item:is(.register-item-type-text,\n.register-item-type-email) {\n display: grid;\n grid-template-columns: 1fr 2.5em;\n align-items: center;\n}\n#vs-registration .container .content .register-form .register-flex .register-item:is(.register-item-type-text,\n.register-item-type-email) input {\n grid-column: 1/3;\n grid-row: 1/2;\n margin: unset;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox {\n grid-column: span 1;\n margin: unset;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label {\n margin: unset;\n padding: unset;\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 0.75em;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .register-choice {\n padding: unset;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .register-choice p {\n margin: unset;\n color: var(--text-color);\n font-size: 15px;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .register-choice p .material-symbols-rounded {\n font-weight: 100;\n font-size: inherit;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label input {\n display: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .checkbox-style {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 1.3em;\n width: 1.3em;\n border-radius: var(--input-radius);\n background-color: var(--input-background);\n border: var(--input-border);\n transition: var(--transition);\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .checkbox-style::after {\n content: \"\\e5ca\";\n font-family: var(--symbol-family);\n color: var(--input-placeholder);\n opacity: 0.3;\n transition: var(--transition);\n font-size: 1.25rem;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label:hover>.checkbox-style {\n background-color: var(--input-background-hover);\n border-color: var(--input-border-color-hover) !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label input:checked+.checkbox-style::after {\n color: var(--input-text);\n font-weight: 700;\n opacity: 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label:is(:hover,\n:focus) input:checked+.checkbox-style::after {\n color: var(--input-text-hover);\n font-weight: 700;\n opacity: 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-select>div.ng-scope {\n padding: unset !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-select>div.ng-scope h4 {\n color: var(--text-color);\n font: var(--text-font);\n font-size: 15px;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-select>div.ng-scope select {\n margin: 0;\n max-width: unset !important;\n background-color: #FB77B4 !important;\n color: var(--text-color) !important;\n border: var(--input-border);\n border-radius: var(--input-radius) !important;\n height: 2.15em;\n padding: 0 .75em;\n}\n#vs-registration .container .content .register-form #submit-button {\n margin: .5em 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: fit-content;\n gap: 2rem;\n min-height: 2em;\n padding: 0 3em;\n background-color: var(--button-background) !important;\n color: var(--button-text) !important;\n border: var(--button-border) !important;\n border-radius: var(--button-radius) !important;\n transition: var(--transition);\n font: var(--text-font);\n font-weight: 400;\n transform: rotate(-3deg);\n}\n#vs-registration .container .content .register-form #submit-button::after {\n content: \"\\f1df\";\n font-family: var(--symbol-family);\n font-weight: 300;\n display: block;\n font-size: 1.5rem;\n transition: var(--transition);\n}\n#vs-registration .container .content .register-form #submit-button:disabled {\n opacity: .5;\n}\n#vs-registration .container .content .register-form #submit-button:hover {\n background-color: var(--button-background-hover) !important;\n color: var(--button-text-hover) !important;\n border-color: var(--button-border-color-hover) !important;\n box-shadow: var(--shadow);\n}\n#vs-registration .container .content .register-form #submit-button:hover::after {\n transform: translateX(0.25em);\n}\n#vs-registration .container .content .register-form > div:last-of-type {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n#vs-registration .container .content .register-form > div:last-of-type > div.register-justify {\n order: 2;\n margin-top: 10px;\n}\n.register-flex .register-item:nth-last-of-type(3) input {\n grid-row: 2/3 !important;\n}\n#vs-registration .container .content .register-form .requiredfieldsinfo {\n order: 1;\n padding-left: 34px;\n margin-top: 0;\n color: var(--text-color);\n font-size: 13px;\n font-style: normal;\n}\n#vs-registration .container .hidden-image {\n grid-area: image;\n position: relative;\n}\n#vs-registration .container .hidden-image img {\n margin: unset;\n border-radius: unset;\n width: 100%;\n height: 100%;\n max-width: 600px;\n object-fit: contain;\n object-position: bottom right;\n}\n@media (max-width: 1400px) {\n #vs-registration .container .content {\n max-width: 450px;\n }\n}\n@media (max-width: 1200px) {\n #vs-registration .container.separate-image-wrapper {\n grid-template: \"content image\" auto / 1fr 1fr;\n }\n #vs-registration .container .content .register-form .register-flex {\n grid-template-columns: 1fr;\n }\n #vs-registration .container .content .register-form .register-flex .register-item-type-textarea,\n #vs-registration .containerr .content .register-form .register-flex .register-item.register-item-type-checkbox {\n grid-column: unset;\n }\n}\n@media (max-width: 1150px) {\n #vs-registration .container .content {\n max-width: 400px;\n padding: 1.25rem 1rem 1.5rem;\n }\n}\n@media (max-width: 920px) {\n #vs-registration .container:not(.separate-image-wrapper) {\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n }\n #vs-registration .container .register-heading {\n max-width: 500px;\n }\n #vs-registration .container .content {\n max-width: 500px;\n padding: 1.25rem 1.25rem 1.5rem;\n }\n}\n@media (max-width: 800px) {\n #vs-registration .container.separate-image-wrapper {\n grid-template:\n \"content\" auto \n \"image\" auto / 1fr;\n }\n #vs-registration .container .content {\n grid-template-columns: 300px 1fr;\n }\n #vs-registration .container.separate-image-wrapper .hidden-image img {\n margin: unset;\n border-radius: unset;\n width: 90%;\n height: 90%;\n max-width: 600px;\n object-fit: contain;\n object-position: bottom right;\n }\n}\n\n/* MODAL */\n.on-registration-page > .modal-wrapper > .modal {\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px);\n}\n.modal-wrapper .modal-backdrop {\n opacity: .35;\n background-color: #000;\n}\n.modal .modal-dialog .modal-content.disclaimer-modal {\n padding: 30px;\n max-width: 800px;\n}\n.modal .modal-dialog .modal-content.disclaimer-modal .modal-body {\n padding: 0;\n}\np.disclaimermodal,\np.disclaimermodal > p {\n margin: 0;\n}\n.disclaimermodal h4 {\n margin-top: 0;\n font-size: 1.15rem;\n}\np.disclaimermodal > p {\n margin: 0 0 10px;\n font-size: max(.9rem, 15px);\n line-height: 1.35em;\n}\n.disclaimermodal > p:empty {\n display: none;\n}\n.disclaimer-modal button {\n margin: .5em 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: fit-content;\n gap: 2rem;\n min-height: 2em;\n padding: 0 3em;\n background-color: var(--button-background) !important;\n color: var(--button-text) !important;\n border: var(--button-border) !important;\n border-radius: var(--button-radius) !important;\n transition: var(--transition);\n font: var(--text-font);\n font-weight: 400;\n}\n\n\n/* HIDDEN */\n#vs-hidden {\n flex: 1;\n background-color: var(--base-color) !important;\n background-size: cover;\n background-position: bottom center;\n min-height: max(80vh, 500px);\n max-width: 100vw;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n padding-bottom: 5vw;\n}\n#vs-hidden .container {\n max-width: calc(var(--max-container-width) - 2 * var(--spacing-horizontal)) !important;\n display: flex;\n flex-direction: row !important;\n margin: max(var(--spacing-vertical-large), var(--spacing-horizontal)) var(--spacing-horizontal) !important;\n}\n#vs-hidden .container.separate-image-wrapper {\n container-type: inline-size;\n display: flex;\n grid-template:\n \"content image\" auto / 1fr 1fr;\n align-items: flex-start;\n gap: var(--spacing-vertical);\n padding: unset;\n max-width: unset;\n}\n#vs-hidden .container .content {\n grid-area: content;\n position: relative;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr max-content;\n align-self: stretch;\n justify-content: space-between;\n gap: min(15vw, 150px);\n padding: unset !important;\n align-items: center;\n}\n#vs-hidden .container .content .hidden-text {\n margin: 0;\n max-width: 600px;\n}\n#vs-hidden .container .content .hidden-text .highlight-alt {\n color: var(--color-highlight-alt);\n}\n#vs-hidden .container .content .hidden-text>span>* {\n margin: unset;\n}\n#vs-hidden .container .content .hidden-text h1 {\n font: var(--h1-font);\n margin: .1em 0 .35em;\n color: #fff;\n text-wrap: balance;\n text-transform: uppercase;\n}\n#vs-hidden .container .content .hidden-text h3 {\n font: var(--h3-font);\n color: #fff;\n text-wrap: balance;\n}\n#vs-hidden .container .content .hidden-text h4 {\n margin: 0 0 .5em;\n font: var(--h4-font);\n color: #fff;\n text-wrap: balance;\n width: fit-content;\n}\n#vs-hidden .container .content .hidden-text h4 b {\n font-weight: 500;\n}\n#vs-hidden .container .hidden-image {\n grid-area: image;\n position: relative;\n display: none;\n}\n#vs-hidden .container .hidden-image img {\n margin: unset;\n border-radius: unset;\n max-width: unset;\n object-fit: cover;\n}\n\n/* COUNTDOWN */\n#vs-hidden .container .countdown-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n justify-self: end;\n justify-items: end;\n justify-content: end;\n width: fit-content;\n gap: min(2vw, 1.75rem);\n margin: unset;\n}\n#vs-hidden .container .countdown-container .counter {\n min-width: 130px;\n min-height: 130px;\n justify-content: center;\n align-items: center;\n background-color: var(--countdown-background);\n opacity: unset;\n border-radius: unset;\n color: var(--countdown-text);\n box-shadow: var(--shadow);\n border-radius: 0;\n}\n#vs-hidden .container .countdown-container .counter>div:is(.days,\n.hours,\n.minutes,\n.seconds) {\n font: var(--h1-font);\n font-size: 4.2rem;\n line-height: 1em;\n min-width: 1.5em;\n text-align: center\n\n}\n#vs-hidden .container .countdown-container .counter .counter-text {\n font: var(--text-font);\n margin: unset;\n}\n#vs-hidden .container .countdown-container .counter .counter-text p {\n margin: unset;\n font-weight: 300;\n}\n#vs-hidden .container .countdown-container .counter:nth-of-type(1) {\n background: var(--color-highlight-alt);\n color: var(--color-highlight);\n transform: rotate(-10deg);\n transform-origin: left bottom;\n}\n@media (max-width: 900px) {\n #vs-hidden .container .countdown-container {\n grid-template-columns: 1fr 1fr;\n }\n #vs-hidden .container .countdown-container :is(.spacer,\n .counter) {\n min-width: 110px;\n min-height: 110px;\n }\n}\n@media (max-width: 750px) {\n #vs-hidden .container .content {\n grid-template-columns: 1fr;\n justify-content: start;\n align-items: center;\n gap: max(6vh, 20px);\n }\n #vs-hidden .container .countdown-container {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n justify-self: center;\n justify-items: center;\n justify-content: center;\n align-items: center;\n gap: min(2.5vw, 1.75rem);\n }\n}\n@media (max-width: 600px) {\n #vs-hidden .container .content .hidden-text h4 {\n max-width: 300px;\n }\n #vs-hidden .container .countdown-container {\n grid-template-columns: 1fr 1fr;\n }\n #vs-hidden .container .countdown-container :is(.spacer,\n .counter) {\n min-width: 100px;\n min-height: 100px;\n }\n #vs-hidden .container .countdown-container .counter > div:is(.days,\n .hours,\n .minutes,\n .seconds) {\n font-size: 3.4rem;\n }\n}\n@media (max-width: 500px) {\n #vs-hidden .container .content {\n justify-content: center;\n grid-template-columns: 1fr;\n }\n #vs-hidden .container .content .hidden-text {\n margin: 0 auto;\n }\n #vs-hidden .container .countdown-container .counter .counter-text {\n font-size: 14px;\n }\n}\n\n/* ABOUT */\n#vs-about-section {\n order: 2;\n padding-top: 5vw;\n margin-top: -5vw;\n margin-bottom: 5vw;\n z-index: 0;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n}\n#vs-about-section .content {\n max-width: 1000px;\n margin: 0 auto;\n}\n#vs-about-section .section-heading {\n text-align: left;\n}\n.about-columns {\n display: grid;\n grid-template-columns: 1fr 280px;\n justify-content: center;\n align-items: center;\n gap: 80px;\n}\n.about-left {\n font-size: 1.1rem;\n display: flex;\n flex-direction: column;\n gap: max(4vw, 60px);\n max-width: 600px;\n}\n.about-right {\n font-size: 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 30px;\n}\n.about-right h4 {\n margin: 0;\n padding: 0 40px;\n font-weight: 400;\n}\n@media (max-width: 900px) {\n .about-columns {\n grid-template-columns: 1fr 200px;\n gap: 50px;\n }\n}\n@media (max-width: 550px) {\n .about-columns {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n .about-left {\n gap: 20px;\n }\n .about-right {\n flex-direction: row;\n }\n} \n\n/* PRESENTATION */\n#vs-presentation {\n}\n#vs-presentation .container {\n padding: unset;\n margin: var(--spacing-vertical) 0 !important;\n gap: 10px 0;\n}\n#vs-presentation .container>div:is(.video-container,\n.slide-container) {\n padding: 0;\n min-height: unset !important;\n}\n@media (max-width: 766px) {\n #vs-presentation .container {\n padding: unset;\n gap: min(var(--spacing-vertical), 2vw);\n }\n}\n\n/* THUMBNAILS */\n#vs-thumbnails {\n max-width: var(--max-container-width);\n margin: 0 auto;\n border-left: 1px solid #eee;\n border-right: 1px solid #eee;\n}\n.eventstate-public_ondemand #vs-thumbnails {\n flex: 1;\n}\n#vs-thumbnails .container {\n padding: 0;\n margin: 1rem var(--spacing-horizontal) var(--spacing-vertical-large) !important;\n}\n#vs-thumbnails .container .slidethumbnails--item.active {\n outline: 2px solid var(--color-highlight);\n}\n#vs-thumbnails .container .slidethumbnails--item.browsed-slide {\n outline: 1px solid var(--color-highlight);\n}\n#vs-thumbnails .container .slidethumbnails--item button {\n display: flex;\n}\n\n/* CHAPTERS */\n#vs-chapters {\n order: 1;\n margin: 0 auto;\n clip-path: polygon(0 0, 100% 0px, 100% calc(100% - 5vw), 0 100%);\n padding: 0 var(--spacing-horizontal) 5vw;\n z-index: 10;\n}\n#vs-chapters .container {\n margin-left: auto !important;\n margin-right: auto !important;\n width: 100%;\n max-width: 500px !important;\n background-color: var(--base-color-alt);\n display: grid;\n grid-template-columns: 1fr;\n gap: 60px;\n}\n#vs-chapters .section-heading {\n margin-bottom: 40px;\n}\n#vs-chapters .section-heading::after {\n content: 'Click on a headline below to watch desired section';\n display: block;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.25em;\n margin-top: .5rem;\n}\n#vs-chapters .chapter-list {\n display: block;\n columns: 1 auto;\n column-gap: 4rem !important;\n max-width: 600px;\n margin: 0 auto 0 0;\n padding: unset;\n}\n#vs-chapters .chapter-list .chapter-list--item {\n padding: unset;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr;\n gap: .25rem;\n margin-bottom: 1.25rem;\n break-inside: avoid;\n}\n#vs-chapters .chapter-list--item h4 {\n margin: 0;\n}\n#vs-chapters .chapter-list--item h4 > span {\n margin: 0;\n font-weight: 700 !important;\n display: flex;\n flex-direction: row;\n}\n#vs-chapters .chapter-list--item h4 .time {\n min-width: 5rem;\n display: none;\n font-weight: 400;\n}\n#vs-chapters .chapter-list--item :is(h4,\n.text) {\n font: var(--text-font);\n}\n#vs-chapters .chapter-list--item .text * {\n margin: unset;\n padding: unset;\n font: inherit;\n text-align: left;\n}\n#vs-chapters .chapter-list--item h4 .subtitle {\n display: block;\n font-weight: 300;\n font-size: .95em;\n margin-top: .1em;\n}\n#vs-chapters .title-alt {\n display: block;\n color: #481F72;\n margin-top: .5rem !important;\n}\n@media (max-width: 650px) {\n #vs-chapters .chapter-list {\n display: block;\n columns: 1 auto;\n column-gap: 4rem !important;\n max-width: 450px;\n margin: 0 auto;\n padding: unset;\n }\n}\n\n\n/* SPEAKERS */\n#vs-speakers-section {\n order: 2;\n padding-top: 5vw;\n margin-top: -5vw;\n padding-bottom: 5vw;\n margin-bottom: 5vw;\n z-index: 0;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n background: var(--color-highlight);\n}\n#vs-speakers-section > * > * {\n max-width: 1200px !important;\n margin: 0 auto !important;\n}\n#vs-speakers-section .section-heading {\n text-align: left;\n color: #fff;\n}\n#vs-speakers-section ul {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n justify-content: center;\n gap: 80px 100px;\n margin: var(--spacing-vertical) 20px;\n padding: unset;\n}\n#vs-speakers-section ul .speakers-section-speaker-item {\n max-width: 200px;\n width: 100%; /* Ensure items take full available width within the grid */\n margin: 0 auto; /* Center items within their grid cells */\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin: unset;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type {\n display: flex;\n justify-content: stretch;\n align-items: stretch;\n border-radius: 0;\n position: relative;\n max-width: 180px;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::before {\n content: '';\n width: 100%;\n height: 100%;\n background: #0227B7;\n transform: rotate(-5deg) translateX(-10px) translateY(-10px);\n position: absolute;\n z-index: -1;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::after {\n content: '';\n width: 100%;\n height: 100%;\n background: #3DC3C6;\n transform: rotate(5deg) translateX(15px) translateY(20px) scale(.9);\n transform-origin: 100%;\n position: absolute;\n z-index: -1;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type img {\n width: 100%;\n background: radial-gradient(circle, rgba(194,209,216,1) 0%, rgba(117,130,138,1) 100%);\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n padding: unset;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content>div {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n gap: 0.5rem;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content h3 {\n font: var(--h4-font);\n font-size: 1.2rem;\n color: #fff;\n margin: unset;\n font-weight: 600;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content h4 {\n font: var(--text-font);\n margin: unset;\n color: var(--text-color);\n}\n@media (max-width: 1000px) {\n #vs-speakers-section ul {\n gap: 60px 80px;\n grid-template-columns: 1fr 1fr 1fr;\n }\n}\n@media (max-width: 700px) {\n #vs-speakers-section ul {\n gap: 50px 60px;\n grid-template-columns: 1fr 1fr;\n }\n}\n@media (max-width: 380px) {\n #vs-speakers-section ul {\n gap: 50px 30px;\n }\n #vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::before {\n transform: rotate(-5deg) translateX(-5px) translateY(-5px);\n position: absolute;\n z-index: -1;\n }\n #vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::after {\n transform: rotate(5deg) translateX(5px) translateY(15px) scale(.9);\n }\n #vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content h3 {\n font-size: 1rem;\n }\n}\n\n/* MESSAGEBOARD */\n.eventstate-public_ondemand .vs-mainwrapper>#vs-messageboard {\n display: none;\n}\n#vs-messageboard {\n flex: 1;\n margin: 0 auto;\n \n /* Input variables */\n --input-background: #fffa;\n --input-text: #000;\n --input-placeholder: #000;\n\n /* Button variables */\n --button-background: var(--color-highlight-alt);\n --button-text-hover: var(--color-highlight);\n}\n.vs-mainwrapper>#vs-messageboard .container {\n padding: 0;\n margin-top: 0rem !important;\n}\n.vs-mainwrapper>#vs-messageboard .container .section-heading {\n display: none;\n}\n\n/* Position comment form and message list side by side */\n.vs-mainwrapper>#vs-messageboard .container .wide>div>div {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0 var(--spacing-vertical);\n max-width: 1000px !important;\n margin: 0 auto;\n}\n\n/* Comment form */\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header {\n width: 100%;\n margin: unset;\n padding: unset;\n border: unset;\n position: relative;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header h3 {\n font: var(--h4-font);\n font-weight: 400;\n margin: 0 0 .75em;\n text-align: center;\n color: #fff;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n margin: unset;\n padding: unset;\n border-radius: unset;\n border: none;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form {\n display: grid;\n grid-template-columns: 1fr 2fr min-content;\n justify-content: space-between;\n align-items: start;\n gap: 1rem;\n}\n\n/* Name and comment fields */\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form :is(#comment-name,\n#comment-text) {\n width: 100%;\n max-width: unset;\n height: 2.2em;\n max-height: 200px;\n font: var(--text-font);\n padding: 0 0.75em;\n margin: 0;\n resize: vertical;\n outline: none;\n color: var(--input-text);\n background-color: var(--input-background);\n border: var(--input-border);\n border-radius: var(--input-radius) !important;\n transition: var(--transition), height 0s;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form :is(#comment-name,\n#comment-text)#comment-text {\n padding-top: .6em;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form :is(#comment-name,\n#comment-text):is(:hover,\n:focus) {\n background-color: var(--input-background-hover) !important;\n border-color: var(--input-border-color-hover) !important;\n outline: none;\n}\n\n/* Comment button */\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 2.25em !important;\n padding: 0 1em;\n margin: 0 0 0;\n background-color: var(--button-background) !important;\n color: var(--button-text) !important;\n border: var(--button-border) !important;\n border-radius: var(--button-radius) !important;\n transition: var(--transition);\n font-weight: 400;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button::after {\n content: \"\\e163\";\n font-family: var(--symbol-family);\n font-weight: 300;\n display: block;\n font-size: 1.5rem;\n transition: var(--transition);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button:disabled {\n opacity: .5;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button:hover {\n background-color: var(--button-background-hover) !important;\n color: var(--button-text-hover) !important;\n border-color: var(--button-background-hover) !important;\n box-shadow: var(--shadow);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button:hover::after {\n transform: translateX(0.25em);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form .add-emoji-container {\n color: var(--color-highlight);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form .add-emoji-container .add-emoji {\n margin: unset;\n top: 10px;\n right: 10px;\n}\n\n/* 'Message submitted to moderation'-element */\n.vs-mainwrapper>#vs-messageboard .container .moderation-status {\n z-index: 100;\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n text-align: center;\n border-radius: 0;\n width: 100%;\n max-width: 600px;\n height: -moz-fit-content;\n height: fit-content;\n background: var(--base-color);\n padding: 20px;\n color: var(--text-color);\n border: var(--input-border);\n}\n.vs-mainwrapper>#vs-messageboard .container .moderation-status h3 {\n margin: unset;\n font-weight: 500;\n}\n\n/* Message list */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments {\n margin: 0 0 0;\n}\n\n/* Message */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post {\n margin: 0 0 1rem;\n padding: 0;\n border: var(--input-border);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post:first-of-type {\n margin-top: 40px;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post:last-of-type {\n margin-bottom: 0;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header {\n border-radius: var(--other-radius) var(--other-radius) 0 0;\n padding: .75rem 1rem .5rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline {\n display: flex;\n flex-direction: row;\n justify-content: start;\n gap: .5rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline * {\n font: var(--text-font);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline .author a {\n font-weight: 500;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline .bullet {\n display: none;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline .time-ago {\n font-size: .75em;\n opacity: .75;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-body-inner {\n padding: 0 1rem .75rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-body-inner * {\n margin: unset;\n}\n\n/* Reply form */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form {\n padding: 0 1rem 44px;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form .reply-user {\n margin-bottom: .75rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form :is(input,\ntextarea) {\n width: 100%;\n max-width: unset;\n height: 2em;\n max-height: 200px;\n padding: 0 0.75em;\n margin: 0;\n resize: vertical;\n outline: none;\n color: var(--input-text);\n background-color: var(--base-color-alt);\n border: 1px solid var(--color-highlight);\n border-radius: var(--input-radius) !important;\n transition: var(--transition), height 0s;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form :is(input,\ntextarea)#reply-text {\n padding-top: .5em !important;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form :is(input,\ntextarea):is(:hover,\n:focus) {\n background-color: var(--input-background-hover) !important;\n outline: none;\n}\n\n/* Reply buttons */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus) {\n position: absolute;\n bottom: .75rem;\n right: 1rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus).reply-actions {\n gap: .75rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus):is(button),\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus)>button {\n background: #fff;\n color: var(--button-color);\n border-radius: var(--button-radius);\n border: var(--button-border);\n margin: 0 !important;\n font: var(--text-font);\n font-size: 12px !important;\n font-weight: 500;\n width: auto !important;\n padding: 2px 10px !important;\n transition: var(--transition);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus):is(button):hover,\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus)>button:hover {\n background-color: var(--button-background-hover);\n color: var(--button-text-hover);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer button.fa-plus {\n color: var(--button-text-color);\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 50%;\n border: 1px solid var(--button-border-color);\n font-size: 12px;\n width: 24px;\n height: 24px;\n transition: .2s ease;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses {\n margin: 0 0 0 1rem;\n padding-bottom: .5rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses .post-response {\n padding: unset;\n border-left: 2px solid var(--color-highlight);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses .post-response .comment-header {\n padding-top: 0;\n padding-bottom: 0;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses .post-response .post-body-inner {\n padding-bottom: 0;\n}\n\n/* Position comment form and message list side by side */\n.eventstate-public_ondemand .vs-mainwrapper>#vs-messageboard .wide>div>div {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--spacing-vertical);\n}\n.eventstate-public_ondemand .vs-mainwrapper>#vs-messageboard .wide>div>div #chatboard-comments {\n margin: 0;\n}\n@media (max-width: 950px) {\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form {\n grid-template-columns: 1fr 2fr;\n }\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button {\n grid-column: 2/3;\n width: fit-content;\n justify-self: end;\n }\n}\n@media (max-width: 650px) {\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form {\n grid-template-columns: 1fr;\n }\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button {\n grid-column: unset;\n justify-self: start;\n }\n}\n\n/* FOOTER */\n#vs-footer {\n order: 3;\n background-color: var(--footer-background) !important;\n color: var(--footer-text);\n}\n#vs-footer .container {\n margin: 0 !important;\n}\n#vs-footer .register-heading {\n display: none;\n}\n#vs-footer .footer-text {\n padding: 0;\n display: flex;\n justify-content: stretch;\n align-items: stretch;\n}\n#vs-footer .footer-text > span {\n display: flex;\n justify-content: center;\n align-items: stretch;\n width: 100%;\n}\n.inderes-footer :is(span,\n.inderes-logo) {\n mix-blend-mode: normal;\n font: var(--text-font);\n font-size: 12px;\n line-height: 1em;\n}\n.inderes-footer .divider {\n display: none;\n}\n.inderes-footer {\n grid-area: container;\n display: grid;\n grid-template-columns: 1fr 1fr;\n justify-content: center;\n align-items: center;\n padding: unset;\n margin: 1rem var(--spacing-horizontal) 3rem;\n gap: 0.25rem 0.75rem;\n max-width: 280px;\n}\n.inderes-footer>a {\n display: flex;\n justify-content: center;\n align-items: center;\n width: fit-content;\n min-height: 1.65em;\n padding: 0 1em;\n border-radius: 1000px;\n transition: var(--transition);\n text-decoration: none;\n}\n.inderes-footer>a>span {\n color: inherit;\n}\n.inderes-footer>a:last-of-type {\n margin-top: 20px;\n padding: .25em 1em;\n grid-column: span 2;\n width: 100%;\n gap: .5em;\n}\n.inderes-footer>a:hover {\n background-color: color-mix(in srgb,\n var(--footer-background) 60%,\n #000);\n}\n.inderes-footer .inderes-logo {\n padding-left: 0;\n width: 60px;\n}\n\n\n/* VIDEOSYNC FOOTER */\n#vs-videosync-footer {\n display: none !important;\n background-color: var(--footer-background);\n color: var(--footer-text);\n max-width: var(--max-container-width);\n padding: unset;\n margin: 0 auto;\n height: auto;\n min-height: 60px;\n display: grid;\n grid-template:\n \". container .\" auto / auto minmax(50px, var(--max-container-width)) auto;\n}\n#vs-videosync-footer::before,\n#vs-videosync-footer::after {\n content: unset;\n}\n#vs-videosync-footer :is(span,\n.videosyncLogo) {\n mix-blend-mode: normal;\n font: var(--text-font);\n font-size: 12px;\n line-height: 1em;\n}\n#vs-videosync-footer :is(span,\n.videosyncLogo).videosyncLogo {\n filter: invert(0) !important;\n}\n#vs-videosync-footer .divider {\n display: none;\n}\n#vs-videosync-footer>p {\n grid-area: container;\n padding: unset;\n margin: var(--spacing-vertical-small) var(--spacing-horizontal);\n gap: 0.25rem 0.75rem;\n}\n#vs-videosync-footer>p>a {\n display: flex;\n align-items: center;\n min-height: 2em;\n padding: 0 1em;\n border-radius: 1000px;\n transition: var(--transition);\n}\n#vs-videosync-footer>p>a>span {\n color: inherit;\n}\n#vs-videosync-footer>p>a:last-of-type {\n padding-right: 0;\n}\n#vs-videosync-footer>p>a:hover {\n background-color: color-mix(in srgb,\n var(--footer-background) 60%,\n #000);\n}\n","rmpClips":[]},"misc":{"gaCode":""},"liveToolData":{"sessions":[{"sync":{"slides":[],"chapters":[],"polls":[],"showSlides":[]},"timer":"2024-11-18T12:11:14.323Z","finished":true,"slides":[],"chapters":[],"_id":"673b2ee2f4eeffe8e4390583"},{"sync":{"slides":[],"chapters":[],"polls":[],"showSlides":[]},"timer":"2024-11-18T15:34:11.498Z","finished":true,"slides":[],"chapters":[],"_id":"673b5e7368c9c73b0fbeb377"},{"sync":{"slides":[],"chapters":[{"chapterSet":0,"time":59,"_id":"673c7a82457baa574604c465"},{"chapterSet":1,"time":1235,"_id":"673c7f1a68c9c73b0fcefbcc"},{"chapterSet":2,"time":3782,"_id":"673c890dbbee1d4cd812a183"},{"chapterSet":3,"time":4060,"_id":"673c8a2383400643b2064857"},{"chapterSet":4,"time":9250,"_id":"673c9e6983400643b20ac9a2"}],"polls":[],"showSlides":[]},"timer":"2024-11-19T11:45:11.127Z","finished":true,"slides":[],"chapters":[],"_id":"673c7a47457baa574604b705"},{"sync":{"slides":[],"chapters":[{"chapterSet":5,"time":974,"_id":"673ca4f168c9c73b0fd90afc"},{"chapterSet":6,"time":2097,"_id":"673ca95468c9c73b0fda182d"},{"chapterSet":7,"time":3700,"_id":"673caf97457baa5746108bbc"},{"chapterSet":8,"time":4598,"_id":"673cb319457baa574610fbdf"},{"chapterSet":9,"time":6154,"_id":"673cb92d83400643b21046c9"},{"chapterSet":10,"time":6869,"_id":"673cbbf8bbee1d4cd81fe2e7"}],"polls":[],"showSlides":[]},"timer":"2024-11-19T14:30:58.938Z","finished":true,"slides":[],"chapters":[],"_id":"673ca12268c9c73b0fd74afb"}],"activePoll":{"showResults":false}},"votebox":{"text":{"vote":"Submit","close":"Close"}},"multiLang":{"enabled":false,"showHeaderSelectors":false,"languages":[{"code":"en","label":"In English","_id":"673de78011495e1689b78de2"}]},"transcript":{"enabled":false,"transcriptId":null,"transcripts":[],"status":"SPEECHMATICS_ERROR","autoTranscribe":true,"autoTranscribeLanguage":"en"},"whitelabeling":{"disableFooter":false},"turboBridge":{"conferenceID":null,"pin":null,"rtmpEnabled":false,"validateUserID":2,"userID":""},"talkback":{"layoutElement":{"parent":{"selector":".intro","position":"afterbegin"},"enabled":false},"promptJoiningCall":{"texts":{"title":"Welcome!","description":"Please indicate how you plan to interact in this event:","listenerButton":"Listening only","questionerButton":"Asking questions"},"enabled":false},"enabled":false,"requestToSpeakEnabled":true,"simultaneousInterpretation":false,"videoEnabled":false,"joinCall":true},"_id":"6703efc26ff6bec87b4bc74a","urlName":"asmodee-cmd-2024","estimatedDuration":10800,"publishingDate":"2024-11-19T12:00:00.000Z","title":"Capital Markets Day 2024","account":{"features":{"analytics":{"obfuscateIp":false},"player":"bitmovin-8","hiveStreaming":false},"_id":"5693ad964eb3a28219e4b450","urlName":"wonderland","name":"_Streamfabriken"},"tags":[],"state":1,"liveChannel":{"stream":{"multicast":{"enabled":false},"hiveStreaming":{"lastUpdated":null},"playerOptions":{"maxBufferLevel":8,"limitToPlayerSizeMobile":true,"limitToPlayerSizeDesktop":false,"maxSelectableVideoBitrate":"Infinity","showTimeshift":false},"channelType":"wowza-event","endpointHLS":"/_wonderland-1080p-10s/ngrp:816ad3c7-8017-4b94-a379-3df9c0de8b8b_all/playlist.m3u8","streamNames":["816ad3c7-8017-4b94-a379-3df9c0de8b8b"],"slideDelay":10},"groups":{"multicast":[],"unicast":[]},"_id":"673b054b83400643b2f0094c","streamingServer":{"_id":"5f2958a8d88b4e0024af2762","playbackUrl":"//eu-n-1-streaming.videosync.fi"}},"previewImg":"","media":"video","pollsOrder":[],"premiere":false,"duplicatedFrom":"67038ea78713f778b01ae097","layoutModified":true,"encoder":"Other","screenshotsTaken":[],"timeFrames":[],"pages":[],"irEvent":false,"archived":false,"archivedEventDeletedAt":null,"updatedBy":"61765c6597b9120018169fdf","updatedAt":"2024-11-21T08:47:19.329Z","createdAt":"2023-12-12T12:16:40.000Z","modifiedAt":"2024-11-21T08:47:19.360Z","stateChangeLog":[{"state":7,"_id":"6703efc26ff6bec87b4bc765","changedAt":"2024-10-07T14:27:14.254Z"},{"state":3,"_id":"6703f06db20c0b32543bea4c","changedAt":"2024-10-07T14:30:05.126Z"},{"state":2,"_id":"673b86ec68c9c73b0fc09e6d","changedAt":"2024-11-18T18:26:52.902Z"},{"state":3,"_id":"673c6354bbee1d4cd80e98d2","changedAt":"2024-11-19T10:07:16.429Z"},{"state":0,"_id":"673c7a3e83400643b2036504","changedAt":"2024-11-19T11:45:02.861Z"},{"state":2,"_id":"673cbf4883400643b2114f9a","changedAt":"2024-11-19T16:39:36.946Z"},{"state":1,"_id":"673cf4ef83400643b218e41f","changedAt":"2024-11-19T20:28:31.886Z"}],"__v":19,"isNewEventSite":false,"dialInNumbers":[],"speakers":[],"validProducer":false,"dailyRoom":null,"dailyProducerToken":null,"rtmpUrl":null,"hasUploads":false};
var _authData = {"immutableName":false};
var _setTokens = {};
var _categoriesData = [[{"_id":"6703edbb1662cc327abcdfa3","name":"Asmodee"}]];
var _isPreview = false;
var _time = 1732558039002;
![]()
{{ eCtrl.event.talkback.promptJoiningCall.texts.title }}
LIVE
{{ eCtrl.event.talkback.promptJoiningCall.texts.description }}
{{ $select.selected.num + '. ' + $select.selected.name }}
{{ eCtrl.event.layout.chapters.title || 'Select chapter' }}
![]()
{{ chapter.num }}. {{ chapter.oneLineName || chapter.name }}
{{ eCtrl.event.layout.about.title|vsParseDates:eCtrl.event.publishingDate|vsParseTitles:eCtrl.event.title }}
![]()
![]()
![]()
![]()
-
![]()
-
![]()
{{eCtrl.event.breakoutRoom.title}}
-
![]()
{{eCtrl.alert.title}}
\nAndrea Gasparini
Group CFO\n\n\n","show":false,"descriptionHTML":"\n\nThomas Kœgler, Chief Executive Officer of Asmodee, \nwill present the company’s business model and its \nunique ecosystem, its strategic direction and future \ngrowth opportunities.\n
Andrea Gasparini, Group CFO of Asmodee, will provide \ninsights into the financial performance and outlook of the \ncompany. \n
Additional members of Asmodee’s Management Team \nwill take the stage to cover specific topics. A full list of \nspeakers will be made available closer to the event on \nthe Asmodee website.\n\n\n\n\nThomas Kœgler
CEO\n\n\n\nAndrea Gasparini
Group CFO\n\n\n"},"chatboard":{"show":false,"board":{"_id":"6703efc26ff6bec87b4bc744","moderation":true,"title":"Send a message or a question here","hashtags":[],"viewersCanPostResponses":true,"discardReTweets":"true","__v":0},"nameFromLogin":false,"immutableName":false},"gdprmodifications":{"enabled":false,"cookiesPolicyUrl":"https://videosync.events/cookie-policy","termsOfUseUrl":"https://videosync.events/terms-of-use","privacyPolicyUrl":"https://corporate.asmodee.com/privacy-policy","privacyPolicyCheckDisabled":false,"videosyncFooterDisabled":false,"acceptPrivacyText":"\\* I have read and agree to the [Privacy Policy]"},"metadata":{"image":{"url":"","width":null,"height":null},"enabled":true,"title":null,"description":null,"noindex":true},"oskari":{"loginTexts":{"fi":{"content":"\n \tTervetuloa\n\tKONE Oyj:n varsinaiseen yhtiökokoukseen\n\tTorstaina 29. helmikuuta 2024\n\n\n \n \n Kokouspäivä ja -aika\n 29.2.2024 klo 11.00\n \n \n Kokouspaikka\n Messukeskus Siipi\n \n \n Osoite\n Rautatieläisenkatu 3, 00520 Helsinki\n \n \n"},"en":{"content":"\n \tWelcome to\n\tKONE's Annual General Meeting\n\tThursday 29 February 2024\n\n\n \n \n Date and time\n 29.2.2024 at 11.00 AM (EET)\n \n \n Place\n Conference Center, Messukeskus Siipi\n \n \n Address\n Rautatieläisenkatu 3, 00520 Helsinki\n \n \n"},"sv":{"content":"Loggar in på bolagsstämman\nMötesdatum och tid {eventtime;DD.MM.YYYY HH.mm}\n\nTÄHÄN TEKSTI RUOTSIKSI
\n\nTÄHÄN TEKSTI RUOTSIKSI
\n\nVoit testata laitteesi yhteensopivuuden täältä.\n \n
\nHuomaathan, että yhtiökokoukseen pääsee kirjautumaan salasanalla vasta kokouspäivänä. Salasanasi löytyy vahvistusviestistä. Jos sinulla on ongelmia kirjautumisessa, ota yhteyttä:\n
\nTekninen tuki
\nPuh. +358 10 28 18 909.\n"}}},"registration":{"enabled":false,"onlineUsers":{"enabled":false,"showOnlineOnly":false,"usersListSection":true,"allowInvisible":true,"allowInvisibleText":"Show me in participants list","title":"Participants","conversationsTitle":"Active discussions","customPopupFields":[],"defaultLimit":20},"chat":{"enabled":false},"calendarInvite":{"organizer":{"name":"VideoSync","email":"[email protected]"}},"fields":[{"choices":[],"hideFieldTitle":null,"key":"FNAME","required":true,"title":"Name and surname","type":"text","values":null},{"choices":[],"hideFieldTitle":null,"key":"EMAIL","required":true,"title":"Email","type":"email","values":null},{"choices":[],"hideFieldTitle":null,"key":"COMPANY","required":false,"title":"Company / Organization","type":"text","values":null},{"choices":[],"hideFieldTitle":null,"key":"CUSTOM_TEXT","required":false,"title":"Additional information","type":"text","values":null}],"authenticateByEmail":{"enabled":false}},"invitation":{"enabled":false},"webpageEmbed":{"enabled":false},"thumbnails":{"enabled":true,"showInLive":false},"footer":{"enabled":true},"redirect":{"enabled":false,"url":null},"subtitles":{"enabled":false,"languages":[],"processing":[]},"countdown":{"onRegistrationPage":{"enabled":false,"reversePlacement":false},"text":{"days":"days","hours":"hours","minutes":"min","seconds":"sec","registrationTitle":"The event starts in:"},"enabled":true,"hideDays":false,"template":1,"darkTheme":true},"layout":{"attachments":{"showInHidden":false,"fontColor":"#2B2B2B","bgColor":"rgba(255,255,255,1)","hoverBgColor":"rgba(0,0,0,0.2)","fontSize":22},"body":{"maxWidth":{"pixels":2000,"enabled":false},"bgImage":{"url":"","position":"center bottom","repeat":"no-repeat","size":"100%"},"marginTop":0,"fontFamily":null,"fontLink":null,"titlesFont":null,"bgColor":"var(--base-color)","adobe":"hin1qlp"},"header":{"socialMedia":{"buttons":{"twitter":{"enabled":false},"facebook":{"enabled":false},"linkedIn":{"enabled":false},"pinterest":{"enabled":false}},"buttonsBgColor":"rgb(204, 204, 204)","buttonsFgColor":"rgba(255,255,255)"},"logo":{"originalSize":{"width":121,"height":56},"path":"/events/asmodee/67038ea78713f778b01ae097/images/asmodee-logo-white_500x83-59133126934984.png","width":"180","padding":"0 0 0 0"},"enabled":true,"subheading":"{eventtitle}","bgColor":"#481F72","fontColor":"white","fontSize":"22px","showSocialButtons":true,"showLogout":false},"player":{"bgColor":"var(--color-highlight)","sizeFactor":50,"reversePlacement":false,"followOnScroll":false,"autoPlay":true,"contentBelowVideo":""},"hidden":{"background":{"originalSize":{"width":1705,"height":1279},"path":"/events/asmodee/67038ea78713f778b01ae097/images/catan_still-23_16x9_ct_o_ww_ip_1920x1080.png","template":"BACKGROUND","width":"1705","padding":"0 0 0 0"},"fontColor":"var(--text-color)","formPadding":"3rem","formBgColor":"","bgColor":"var(--base-color)","overlayInHiddenState":false},"chatboard":{"reactions":{"enabled":false,"availableEmojis":["👍","😄","❤️"]},"attachImages":{"enabled":false},"messageBox":{"shadow":{"hShadow":0,"vShadow":0,"blur":0,"spread":0,"color":"rgba(255,255,255,1)"},"margin":20,"borderRadius":0,"bgColor":"rgb(255,255,255)","color":"rgb(0,0,0)","pinnedBgColor":"#AAE1C8","highlightedBgColor":"#AAE1C8"},"text":{"namePlaceholder":"Your name","commentPlaceholder":"Write your comment here","writeComment":"Comment or ask a question","submitComment":"Send","tweetComment":"Tweet a Comment","submitReply":"Reply","reply":"Reply","showMoreReplies":"Show more replies","loadMore":"Load more...","sentToModeration":"Thank you. Your message has been sent to moderation.","cancel":"Cancel"},"showInHidden":false,"messagesInColumns":false,"showInsidePresentation":false,"chatFormOpen":true,"profileImagesEnabled":false,"hideFromViewers":false,"bgColor":"var(--color-highlight)","fontColor":"#fff","inputBgColor":"rgba(255,255,255,0.9)","inputFontColor":"rgb(0, 0, 0)","chatRadius":"","buttonBgColor":"var(--button-color)","buttonFontColor":"var(--button-text)","hideFormInVOD":true},"registration":{"bgImage":{"originalSize":null,"path":"/events/asmodee/67038ea78713f778b01ae097/images/catan_still-23_16x9_ct_o_ww_ip_1920x1080.png","template":"BACKGROUND","width":null,"padding":"0 0 0 0"},"text":{"text":"","title":"Please register to the webcast here:","register":"Register","requiredFields":"Required fields"},"showSections":{"about":true,"chapters":true,"linkGrid":true,"speakersSection":true},"bgColor":"rgba(148, 146, 146, 0.9)","fontColor":"rgb(0, 0, 0)","regFormWidth":"450px","inputCenter":"","inputMaxWidth":"450px","inputBgColor":"rgba(255, 255, 255, 0.9)","inputPlaceColor":"rgba(0, 0, 0, 0.5)","inputFontColor":"rgb(0, 0, 0)","buttonBgColor":"rgb(51, 51, 51)","buttonFontColor":"rgb(255, 255, 255)","inputDisplay":"","inputWrap":"","inputBetween":"","itemWidth":"","formBgColor":"transparent","formPadding":"1.5rem","inputRadius":"4px","showLabels":false},"thumbnails":{"bgColor":"transparent","fontColor":"var(--text-color)","showTime":false},"about":{"bgColor":"var(--color-highlight)","fontColor":"var(--text-color)","titleFontSize":"150%","descFontSize":"120%","placement":"section"},"chapters":{"dropdown":{"enabled":false,"theme":"light","keepGrid":false},"bgColor":"var(--base-color-alt)","fontColor":"#000","title":"AGENDA OF THE DAY","enabled":false,"vertical":true},"footer":{"bgColor":"var(--base-color)","fontColor":"var(--text-color)","text":"\n\n {eventtitle}\nEpicenter Stockholm & webcast\nNovember 19, 2024 at 11:30 - 19:00 (CET)\nPresentations and webcast start at 13:00\n\n\nTERMS OF USE | PRIVACY POLICY |Event made live by ","logo":""},"linkGrid":{"bgColor":"rgb(255, 255, 255)","fontColor":"rgb(0, 0, 0)"},"breakoutRoom":{"bgColor":"rgb(255, 255, 255)","fontColor":"rgb(0, 0, 0)"},"onsiteApp":{"text":{"pollStatus":{"voted":"Voted","notVoted":"Not voted"},"chatTitle":"Chat","pollTitle":"Polls","pollSubmit":"Submit","pollListTitle":"Poll","answerNumberText":"Answer number","openTextPollPlaceholder":"Answer here...","multipleChoiceText":"You can choose multiple answers!"}},"oskari":{"login":{"bgImage":{"originalSize":{"width":0,"height":0},"path":"/events/wonderland/common/images/Dc304o3bTH-3D1NCBOWpB-1KVSbXxcql-illustration.svg"},"css":""}},"theme":{"colors":{"black":"0 0% 7%","white":"0 0% 100%","background":"240 4% 5%","foreground":"0 0% 100%","card":"0 0% 9%","primary":"166 100% 38%","primaryAlt":"166 100% 20%","primaryForeground":"166 100% 90%","muted":"0 0% 48%","mutedAlt":"0 0% 80%","mutedForeground":"0 0% 10%","accent":"240 5% 96%","accentForeground":"240 6% 10%","destructive":"9 95% 58%","border":"0 0% 12%"},"borderRadius":"0.25rem"},"layoutCssFile":"default","advancedCss":"/* VARIABLES */\n:root {\n --font-family: \"Poppins\", sans-serif;\n --font-family-headings: \"Poppins\", sans-serif;\n --font-family-text: var(--font-family);\n --font-family-alt: var(--font-family);\n --symbol-family: \"Material Symbols Rounded\";\n --text-font: 400 1rem/1.1em var(--font-family-text);\n --h1-font: 700 clamp(60px, calc(2.5rem + 3vw), 100px) / .9em var(--font-family-headings);\n --h2-font: 700 2.5rem/1.2em var(--font-family-headings);\n --h3-font: 400 clamp(26px, calc(1.1rem + 1vw), 34px) / 1.2em var(--font-family-headings);\n --h4-font: 400 clamp(20px, 2.8vw, 24px) / 1.1em var(--font-family-text);\n --spacing-vertical: 2rem;\n --spacing-horizontal: clamp(1rem, 5vw, 4rem);\n --spacing-both: var(--spacing-vertical) var(--spacing-horizontal);\n --spacing-vertical-small: calc(var(--spacing-vertical) / 2);\n --spacing-horizontal-small: calc(var(--spacing-horizontal) / 2);\n --spacing-both-small: var(--spacing-vertical-small) var(--spacing-horizontal-small);\n --spacing-vertical-large: 3rem;\n --max-container-width: calc(1600px + 2 * var(--spacing-horizontal));\n --transition: 0.2s ease-in-out;\n --shadow:\n /* Inner glow */\n inset 0 0 0.5px 1px hsl(0deg 0% 100% / 7.5%),\n /* Shadow ring */\n 0 0 0 1px hsl(0deg 0% 0% / 5%),\n /* Multiple soft shadows */\n 0 0.3px 0.4px hsl(0deg 0% 0% / 2%),\n 0 0.9px 1.5px hsl(0deg 0% 0% / 4.5%), 0 3.5px 6px hsl(0deg 0% 0% / 9%);\n\n /* Background colors */\n --base-color: #FFFFFF;\n --base-color-alt: #ffffff;\n\n /* Text colors */\n --text-color: #fff;\n --text-color-alt: #fff;\n\n /* Highlight colors */\n --color-highlight: #481F72;\n --color-highlight-alt: #F80073;\n\n /* Input variables */\n --input-background: #fff7;\n --input-text: #fff;\n --input-placeholder: #fff;\n --input-border: 1px solid transparent;\n --input-background-hover: #fff;\n --input-text-hover: #000;\n --input-border-color-hover: transparent;\n --input-radius: 0;\n\n /* Button variables */\n --button-background: var(--color-highlight);\n --button-text: #fff;\n --button-radius: 0;\n --button-border: 1px solid var(--color-highlight);\n --button-background-hover: #ffbd02;\n --button-border-color-hover: var(--button-background-hover);\n --button-text-hover: var(--button-background);\n\n /* Countdown variables */\n --countdown-background: #481F72;\n --countdown-text: #fff;\n\n /* Videosync footer variables */\n --footer-background: #414042;\n --footer-text: #fff;\n}\n@media (max-width: 650px) {\n :root {\n --spacing-vertical: 4vw;\n }\n}\n\n/* GENERAL */\nhtml {\n font-family: var(--font-family-text);\n font-size: clamp(16px, calc(.8rem + .5vw), 18px);\n}\nbody {\n font-size: inherit;\n background-size: cover !important;\n}\nbody :is(h1,\nh2,\nh3,\nh4,\nh5,\nh6) {\n font-family: var(--font-family-headings);\n}\nbody :is(html,\nbody,\ndiv,\ninput,\nbutton,\nselect,\ntextarea,\np) {\n font-family: var(--font-family-text);\n}\nbody .section-heading {\n margin: 0 0 var(--spacing-vertical-large);\n padding: unset;\n font: var(--h2-font);\n color: var(--color-highlight);\n text-align: left;\n letter-spacing: -0.02em;\n}\nbody .section-heading .pink {\n color: var(--color-highlight-alt);\n}\nbody .section-heading .white {\n color: #fff;\n}\nbody .highlight {\n color: var(--color-highlight);\n}\n\n/* STRUCTURE */\n.vs-mainwrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter) {\n display: grid;\n padding: unset;\n margin: unset;\n grid-template:\n \". container .\" auto / auto minmax(50px, var(--max-container-width)) auto;\n order: 0;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)::before,\n.vs-mainwrapper> :is(section,\nheader,\nfooter)::after {\n content: unset;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)> :is(div.container,\n.main-header,\nregistration,\nreact-component) {\n -ms-grid-row: 1;\n -ms-grid-column: 2;\n grid-area: container;\n justify-self: stretch;\n max-width: unset !important;\n width: unset;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)> :is(div.container,\n.main-header,\nregistration,\nreact-component):not(.main-header,\nregistration) {\n margin: var(--spacing-vertical-large) var(--spacing-horizontal) !important;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)> :is(div.container,\n.main-header,\nregistration,\nreact-component)>.content {\n width: 100%;\n}\nbody:not(.is-in-iframe) .vs-mainwrapper {\n min-height: calc(100vh);\n position: relative;\n}\nbody:not(.is-in-iframe) .vs-mainwrapper::before {\n content: 'Great games, amazing stories';\n display: block;\n width: 100%;\n font-size: 12px;\n font-weight: 600;\n color: #fff;\n padding: .15em var(--spacing-horizontal) 0em;\n position: absolute;\n top: 0;\n left: 0;\n background: transparent;\n z-index: 30;\n}\n\n/* HEADER */\n#vs-header {\n min-height: unset;\n z-index: 10;\n box-shadow: none;\n border-top: 30px solid #F80073;\n}\n#vs-header .main-header {\n container-type: inline-size;\n grid-area: container;\n margin: 1.15rem var(--spacing-horizontal) 1.15rem !important;\n display: flex;\n justify-content: stretch;\n align-items: stretch;\n}\n#vs-header .header-content {\n width: 100%;\n height: 100%;\n display: grid;\n grid-template: \"logo subheader meta\" auto / max-content 1fr max-content;\n align-items: end;\n gap: 15px var(--spacing-horizontal);\n padding: 0;\n}\n#vs-header .header-content .logo {\n grid-area: logo;\n display: flex;\n align-items: center;\n max-width: 35vw;\n}\n#vs-header .header-content .logo img {\n padding: unset !important;\n}\n#vs-header .header-content .main-heading {\n display: none;\n}\n#vs-header .header-content .subheader {\n display: none;\n grid-area: subheader;\n margin: unset;\n padding: unset;\n}\n:is(.eventstate-public_live,\n.eventstate-public_ondemand) #vs-header .header-content .subheader {\n display: block;\n}\n#vs-header .header-content .subheader p {\n margin: unset;\n text-align: center;\n font: var(--text-font);\n font-weight: 400;\n color: var(--text-color-alt);\n text-wrap: balance;\n font-size: 1.05rem;\n}\n#vs-header .header-content .meta {\n grid-area: meta;\n margin: 0;\n padding: unset;\n color: var(--color-text) !important;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n flex-wrap: no-wrap;\n gap: 1.2rem;\n min-width: 180px;\n}\n#vs-header .header-content .meta a {\n display: flex;\n align-items: center;\n gap: 0.5em;\n font: var(--text-font);\n font-size: 1.2rem;\n color: var(--text-color-alt);\n text-decoration: none;\n transition: var(--transition);\n}\n#vs-header .header-content .meta a .link-text {\n transition: var(--transition);\n}\n#vs-header .header-content .meta a .material-symbols-rounded {\n font-weight: 300;\n font-size: 1.2em;\n transition: inherit;\n color: var(--color-highlight);\n}\n#vs-header .header-content .meta a:hover {\n color: var(--color-highlight-alt);\n}\n#vs-header .header-content .meta a:hover .link-text {\n text-decoration: underline;\n color: var(--color-highlight);\n}\n#vs-header .header-content .meta a:hover .material-symbols-rounded {\n color: var(--color-highlight);\n}\n@media (max-width: 900px) {\n body:is(.eventstate-public_live,\n .eventstate-public_ondemand) #vs-header .header-content {\n grid-template: \"logo meta\" auto \n \"subheader subheader\" auto / 1fr max-content;\n }\n}\n\n/* REGISTRATION */\n#vs-registration {\n flex: 1;\n background-color: var(--base-color) !important;\n background-size: cover;\n background-position: bottom center;\n max-width: 100vw;\n margin: 0 auto;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n padding-bottom: 5vw;\n display: flex;\n justify-content: center;\n align-items: stretch;\n}\n#vs-registration registration {\n width: 100%;\n max-width: calc(var(--max-container-width) - 2 * var(--spacing-horizontal)) !important;\n display: flex;\n margin: max(var(--spacing-vertical-large), var(--spacing-horizontal)) var(--spacing-horizontal) !important;\n}\n#vs-registration .container:not(.separate-image-wrapper) {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n gap: max(var(--spacing-vertical), 40px) !important;\n padding: unset;\n max-width: unset;\n}\n#vs-registration .container.separate-image-wrapper {\n display: grid;\n grid-template: \"content image\" auto / 600px auto;\n justify-content: space-between;\n align-items: stretch;\n gap: max(var(--spacing-vertical), 40px) !important;\n padding: unset;\n max-width: unset;\n}\n#vs-registration .container .content {\n grid-area: content;\n position: relative;\n margin: unset;\n width: 100%;\n max-width: 500px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: stretch;\n gap: max(var(--spacing-vertical), 2.5rem);\n background-color: var(--color-highlight-alt);\n padding: 1.5rem 1.5rem 2rem;\n border-radius: 0;\n box-shadow: var(--shadow);\n}\n#vs-registration .container .register-heading>* {\n margin: unset;\n color: var(--text-color-alt);\n}\n#vs-registration .container .register-heading h1 {\n font: var(--h1-font) !important;\n margin: 0 0 .35em;\n color: var(--text-color);\n text-transform: uppercase;\n max-width: 600px;\n text-wrap: balance;\n}\n#vs-registration .container .register-heading h3 {\n font: var(--h4-font);\n}\n#vs-registration .container .register-heading h4 {\n margin: 0 0 .5em;\n font: var(--h4-font);\n text-wrap: balance;\n width: fit-content;\n}\n#vs-registration .container .content .register-form {\n margin: unset;\n padding: unset !important;\n max-width: unset !important;\n}\n#vs-registration .container .content .register-form h3.register-text {\n font: var(--h4-font);\n font-weight: 600;\n margin: 0 0 1.5rem;\n color: var(--text-color);\n}\n#vs-registration .container .content .register-form h3.register-text p {\n margin: unset;\n}\n#vs-registration .container .content .register-form .register-flex {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.65rem;\n order: 0;\n}\n#vs-registration .container .content .register-form .register-flex .register-item {\n grid-column: span 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item-type-textarea {\n grid-column: span 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item .register-label {\n font-size: 16px;\n font-weight: 400;\n padding: unset;\n color: var(--text-color-alt);\n}\n#vs-registration .container .content .register-form .register-flex .register-item .register-label .required-label-asterisk {\n display: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item .required {\n float: unset;\n z-index: unset;\n width: unset;\n height: 100%;\n text-align: center;\n place-self: stretch stretch;\n font-size: 0;\n grid-column: 2/3;\n grid-row: 1/2;\n margin: unset;\n margin-top: .65rem;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--input-placeholder);\n}\n#vs-registration .container .content .register-form .register-flex .register-item .required::after {\n content: \"\\e1eb\";\n font-family: var(--symbol-family);\n font-weight: 200;\n display: block;\n font-size: 0.9rem;\n height: 100%;\n line-height: 1em;\n}\n#vs-registration .container .content .register-form .register-flex .register-item :is(input,\ntextarea) {\n font-size: 1rem;\n height: 2.15em;\n max-width: unset !important;\n padding: 0 0.75em;\n color: var(--input-text) !important;\n background-color: var(--input-background) !important;\n border: var(--input-border);\n border-radius: var(--input-radius) !important;\n transition: var(--transition);\n resize: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item :is(input,\ntextarea)::placeholder {\n color: var(--input-placeholder) !important;\n opacity: .8;\n}\n#vs-registration .container .content .register-form .register-flex .register-item :is(input,\ntextarea):is(:focus,\n:hover)::placeholder {\n color: #000 !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-invalid.ng-touched {\n border-color: transparent !important;\n background-color: var(--input-background) !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-invalid.ng-touched+.required {\n color: #a94442 !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-invalid.ng-touched+.required::after {\n content: \"\\e000\";\n font-weight: 400;\n font-size: 1.2rem;\n margin-top: -0.4rem;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-scope:is(:hover,\n:focus) {\n background-color: var(--input-background-hover) !important;\n border-color: var(--input-border-color-hover) !important;\n color: var(--input-text-hover) !important;\n outline: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item:is(.register-item-type-text,\n.register-item-type-email) {\n display: grid;\n grid-template-columns: 1fr 2.5em;\n align-items: center;\n}\n#vs-registration .container .content .register-form .register-flex .register-item:is(.register-item-type-text,\n.register-item-type-email) input {\n grid-column: 1/3;\n grid-row: 1/2;\n margin: unset;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox {\n grid-column: span 1;\n margin: unset;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label {\n margin: unset;\n padding: unset;\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 0.75em;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .register-choice {\n padding: unset;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .register-choice p {\n margin: unset;\n color: var(--text-color);\n font-size: 15px;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .register-choice p .material-symbols-rounded {\n font-weight: 100;\n font-size: inherit;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label input {\n display: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .checkbox-style {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 1.3em;\n width: 1.3em;\n border-radius: var(--input-radius);\n background-color: var(--input-background);\n border: var(--input-border);\n transition: var(--transition);\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .checkbox-style::after {\n content: \"\\e5ca\";\n font-family: var(--symbol-family);\n color: var(--input-placeholder);\n opacity: 0.3;\n transition: var(--transition);\n font-size: 1.25rem;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label:hover>.checkbox-style {\n background-color: var(--input-background-hover);\n border-color: var(--input-border-color-hover) !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label input:checked+.checkbox-style::after {\n color: var(--input-text);\n font-weight: 700;\n opacity: 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label:is(:hover,\n:focus) input:checked+.checkbox-style::after {\n color: var(--input-text-hover);\n font-weight: 700;\n opacity: 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-select>div.ng-scope {\n padding: unset !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-select>div.ng-scope h4 {\n color: var(--text-color);\n font: var(--text-font);\n font-size: 15px;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-select>div.ng-scope select {\n margin: 0;\n max-width: unset !important;\n background-color: #FB77B4 !important;\n color: var(--text-color) !important;\n border: var(--input-border);\n border-radius: var(--input-radius) !important;\n height: 2.15em;\n padding: 0 .75em;\n}\n#vs-registration .container .content .register-form #submit-button {\n margin: .5em 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: fit-content;\n gap: 2rem;\n min-height: 2em;\n padding: 0 3em;\n background-color: var(--button-background) !important;\n color: var(--button-text) !important;\n border: var(--button-border) !important;\n border-radius: var(--button-radius) !important;\n transition: var(--transition);\n font: var(--text-font);\n font-weight: 400;\n transform: rotate(-3deg);\n}\n#vs-registration .container .content .register-form #submit-button::after {\n content: \"\\f1df\";\n font-family: var(--symbol-family);\n font-weight: 300;\n display: block;\n font-size: 1.5rem;\n transition: var(--transition);\n}\n#vs-registration .container .content .register-form #submit-button:disabled {\n opacity: .5;\n}\n#vs-registration .container .content .register-form #submit-button:hover {\n background-color: var(--button-background-hover) !important;\n color: var(--button-text-hover) !important;\n border-color: var(--button-border-color-hover) !important;\n box-shadow: var(--shadow);\n}\n#vs-registration .container .content .register-form #submit-button:hover::after {\n transform: translateX(0.25em);\n}\n#vs-registration .container .content .register-form > div:last-of-type {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n#vs-registration .container .content .register-form > div:last-of-type > div.register-justify {\n order: 2;\n margin-top: 10px;\n}\n.register-flex .register-item:nth-last-of-type(3) input {\n grid-row: 2/3 !important;\n}\n#vs-registration .container .content .register-form .requiredfieldsinfo {\n order: 1;\n padding-left: 34px;\n margin-top: 0;\n color: var(--text-color);\n font-size: 13px;\n font-style: normal;\n}\n#vs-registration .container .hidden-image {\n grid-area: image;\n position: relative;\n}\n#vs-registration .container .hidden-image img {\n margin: unset;\n border-radius: unset;\n width: 100%;\n height: 100%;\n max-width: 600px;\n object-fit: contain;\n object-position: bottom right;\n}\n@media (max-width: 1400px) {\n #vs-registration .container .content {\n max-width: 450px;\n }\n}\n@media (max-width: 1200px) {\n #vs-registration .container.separate-image-wrapper {\n grid-template: \"content image\" auto / 1fr 1fr;\n }\n #vs-registration .container .content .register-form .register-flex {\n grid-template-columns: 1fr;\n }\n #vs-registration .container .content .register-form .register-flex .register-item-type-textarea,\n #vs-registration .containerr .content .register-form .register-flex .register-item.register-item-type-checkbox {\n grid-column: unset;\n }\n}\n@media (max-width: 1150px) {\n #vs-registration .container .content {\n max-width: 400px;\n padding: 1.25rem 1rem 1.5rem;\n }\n}\n@media (max-width: 920px) {\n #vs-registration .container:not(.separate-image-wrapper) {\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n }\n #vs-registration .container .register-heading {\n max-width: 500px;\n }\n #vs-registration .container .content {\n max-width: 500px;\n padding: 1.25rem 1.25rem 1.5rem;\n }\n}\n@media (max-width: 800px) {\n #vs-registration .container.separate-image-wrapper {\n grid-template:\n \"content\" auto \n \"image\" auto / 1fr;\n }\n #vs-registration .container .content {\n grid-template-columns: 300px 1fr;\n }\n #vs-registration .container.separate-image-wrapper .hidden-image img {\n margin: unset;\n border-radius: unset;\n width: 90%;\n height: 90%;\n max-width: 600px;\n object-fit: contain;\n object-position: bottom right;\n }\n}\n\n/* MODAL */\n.on-registration-page > .modal-wrapper > .modal {\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px);\n}\n.modal-wrapper .modal-backdrop {\n opacity: .35;\n background-color: #000;\n}\n.modal .modal-dialog .modal-content.disclaimer-modal {\n padding: 30px;\n max-width: 800px;\n}\n.modal .modal-dialog .modal-content.disclaimer-modal .modal-body {\n padding: 0;\n}\np.disclaimermodal,\np.disclaimermodal > p {\n margin: 0;\n}\n.disclaimermodal h4 {\n margin-top: 0;\n font-size: 1.15rem;\n}\np.disclaimermodal > p {\n margin: 0 0 10px;\n font-size: max(.9rem, 15px);\n line-height: 1.35em;\n}\n.disclaimermodal > p:empty {\n display: none;\n}\n.disclaimer-modal button {\n margin: .5em 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: fit-content;\n gap: 2rem;\n min-height: 2em;\n padding: 0 3em;\n background-color: var(--button-background) !important;\n color: var(--button-text) !important;\n border: var(--button-border) !important;\n border-radius: var(--button-radius) !important;\n transition: var(--transition);\n font: var(--text-font);\n font-weight: 400;\n}\n\n\n/* HIDDEN */\n#vs-hidden {\n flex: 1;\n background-color: var(--base-color) !important;\n background-size: cover;\n background-position: bottom center;\n min-height: max(80vh, 500px);\n max-width: 100vw;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n padding-bottom: 5vw;\n}\n#vs-hidden .container {\n max-width: calc(var(--max-container-width) - 2 * var(--spacing-horizontal)) !important;\n display: flex;\n flex-direction: row !important;\n margin: max(var(--spacing-vertical-large), var(--spacing-horizontal)) var(--spacing-horizontal) !important;\n}\n#vs-hidden .container.separate-image-wrapper {\n container-type: inline-size;\n display: flex;\n grid-template:\n \"content image\" auto / 1fr 1fr;\n align-items: flex-start;\n gap: var(--spacing-vertical);\n padding: unset;\n max-width: unset;\n}\n#vs-hidden .container .content {\n grid-area: content;\n position: relative;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr max-content;\n align-self: stretch;\n justify-content: space-between;\n gap: min(15vw, 150px);\n padding: unset !important;\n align-items: center;\n}\n#vs-hidden .container .content .hidden-text {\n margin: 0;\n max-width: 600px;\n}\n#vs-hidden .container .content .hidden-text .highlight-alt {\n color: var(--color-highlight-alt);\n}\n#vs-hidden .container .content .hidden-text>span>* {\n margin: unset;\n}\n#vs-hidden .container .content .hidden-text h1 {\n font: var(--h1-font);\n margin: .1em 0 .35em;\n color: #fff;\n text-wrap: balance;\n text-transform: uppercase;\n}\n#vs-hidden .container .content .hidden-text h3 {\n font: var(--h3-font);\n color: #fff;\n text-wrap: balance;\n}\n#vs-hidden .container .content .hidden-text h4 {\n margin: 0 0 .5em;\n font: var(--h4-font);\n color: #fff;\n text-wrap: balance;\n width: fit-content;\n}\n#vs-hidden .container .content .hidden-text h4 b {\n font-weight: 500;\n}\n#vs-hidden .container .hidden-image {\n grid-area: image;\n position: relative;\n display: none;\n}\n#vs-hidden .container .hidden-image img {\n margin: unset;\n border-radius: unset;\n max-width: unset;\n object-fit: cover;\n}\n\n/* COUNTDOWN */\n#vs-hidden .container .countdown-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n justify-self: end;\n justify-items: end;\n justify-content: end;\n width: fit-content;\n gap: min(2vw, 1.75rem);\n margin: unset;\n}\n#vs-hidden .container .countdown-container .counter {\n min-width: 130px;\n min-height: 130px;\n justify-content: center;\n align-items: center;\n background-color: var(--countdown-background);\n opacity: unset;\n border-radius: unset;\n color: var(--countdown-text);\n box-shadow: var(--shadow);\n border-radius: 0;\n}\n#vs-hidden .container .countdown-container .counter>div:is(.days,\n.hours,\n.minutes,\n.seconds) {\n font: var(--h1-font);\n font-size: 4.2rem;\n line-height: 1em;\n min-width: 1.5em;\n text-align: center\n\n}\n#vs-hidden .container .countdown-container .counter .counter-text {\n font: var(--text-font);\n margin: unset;\n}\n#vs-hidden .container .countdown-container .counter .counter-text p {\n margin: unset;\n font-weight: 300;\n}\n#vs-hidden .container .countdown-container .counter:nth-of-type(1) {\n background: var(--color-highlight-alt);\n color: var(--color-highlight);\n transform: rotate(-10deg);\n transform-origin: left bottom;\n}\n@media (max-width: 900px) {\n #vs-hidden .container .countdown-container {\n grid-template-columns: 1fr 1fr;\n }\n #vs-hidden .container .countdown-container :is(.spacer,\n .counter) {\n min-width: 110px;\n min-height: 110px;\n }\n}\n@media (max-width: 750px) {\n #vs-hidden .container .content {\n grid-template-columns: 1fr;\n justify-content: start;\n align-items: center;\n gap: max(6vh, 20px);\n }\n #vs-hidden .container .countdown-container {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n justify-self: center;\n justify-items: center;\n justify-content: center;\n align-items: center;\n gap: min(2.5vw, 1.75rem);\n }\n}\n@media (max-width: 600px) {\n #vs-hidden .container .content .hidden-text h4 {\n max-width: 300px;\n }\n #vs-hidden .container .countdown-container {\n grid-template-columns: 1fr 1fr;\n }\n #vs-hidden .container .countdown-container :is(.spacer,\n .counter) {\n min-width: 100px;\n min-height: 100px;\n }\n #vs-hidden .container .countdown-container .counter > div:is(.days,\n .hours,\n .minutes,\n .seconds) {\n font-size: 3.4rem;\n }\n}\n@media (max-width: 500px) {\n #vs-hidden .container .content {\n justify-content: center;\n grid-template-columns: 1fr;\n }\n #vs-hidden .container .content .hidden-text {\n margin: 0 auto;\n }\n #vs-hidden .container .countdown-container .counter .counter-text {\n font-size: 14px;\n }\n}\n\n/* ABOUT */\n#vs-about-section {\n order: 2;\n padding-top: 5vw;\n margin-top: -5vw;\n margin-bottom: 5vw;\n z-index: 0;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n}\n#vs-about-section .content {\n max-width: 1000px;\n margin: 0 auto;\n}\n#vs-about-section .section-heading {\n text-align: left;\n}\n.about-columns {\n display: grid;\n grid-template-columns: 1fr 280px;\n justify-content: center;\n align-items: center;\n gap: 80px;\n}\n.about-left {\n font-size: 1.1rem;\n display: flex;\n flex-direction: column;\n gap: max(4vw, 60px);\n max-width: 600px;\n}\n.about-right {\n font-size: 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 30px;\n}\n.about-right h4 {\n margin: 0;\n padding: 0 40px;\n font-weight: 400;\n}\n@media (max-width: 900px) {\n .about-columns {\n grid-template-columns: 1fr 200px;\n gap: 50px;\n }\n}\n@media (max-width: 550px) {\n .about-columns {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n .about-left {\n gap: 20px;\n }\n .about-right {\n flex-direction: row;\n }\n} \n\n/* PRESENTATION */\n#vs-presentation {\n}\n#vs-presentation .container {\n padding: unset;\n margin: var(--spacing-vertical) 0 !important;\n gap: 10px 0;\n}\n#vs-presentation .container>div:is(.video-container,\n.slide-container) {\n padding: 0;\n min-height: unset !important;\n}\n@media (max-width: 766px) {\n #vs-presentation .container {\n padding: unset;\n gap: min(var(--spacing-vertical), 2vw);\n }\n}\n\n/* THUMBNAILS */\n#vs-thumbnails {\n max-width: var(--max-container-width);\n margin: 0 auto;\n border-left: 1px solid #eee;\n border-right: 1px solid #eee;\n}\n.eventstate-public_ondemand #vs-thumbnails {\n flex: 1;\n}\n#vs-thumbnails .container {\n padding: 0;\n margin: 1rem var(--spacing-horizontal) var(--spacing-vertical-large) !important;\n}\n#vs-thumbnails .container .slidethumbnails--item.active {\n outline: 2px solid var(--color-highlight);\n}\n#vs-thumbnails .container .slidethumbnails--item.browsed-slide {\n outline: 1px solid var(--color-highlight);\n}\n#vs-thumbnails .container .slidethumbnails--item button {\n display: flex;\n}\n\n/* CHAPTERS */\n#vs-chapters {\n order: 1;\n margin: 0 auto;\n clip-path: polygon(0 0, 100% 0px, 100% calc(100% - 5vw), 0 100%);\n padding: 0 var(--spacing-horizontal) 5vw;\n z-index: 10;\n}\n#vs-chapters .container {\n margin-left: auto !important;\n margin-right: auto !important;\n width: 100%;\n max-width: 500px !important;\n background-color: var(--base-color-alt);\n display: grid;\n grid-template-columns: 1fr;\n gap: 60px;\n}\n#vs-chapters .section-heading {\n margin-bottom: 40px;\n}\n#vs-chapters .section-heading::after {\n content: 'Click on a headline below to watch desired section';\n display: block;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.25em;\n margin-top: .5rem;\n}\n#vs-chapters .chapter-list {\n display: block;\n columns: 1 auto;\n column-gap: 4rem !important;\n max-width: 600px;\n margin: 0 auto 0 0;\n padding: unset;\n}\n#vs-chapters .chapter-list .chapter-list--item {\n padding: unset;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr;\n gap: .25rem;\n margin-bottom: 1.25rem;\n break-inside: avoid;\n}\n#vs-chapters .chapter-list--item h4 {\n margin: 0;\n}\n#vs-chapters .chapter-list--item h4 > span {\n margin: 0;\n font-weight: 700 !important;\n display: flex;\n flex-direction: row;\n}\n#vs-chapters .chapter-list--item h4 .time {\n min-width: 5rem;\n display: none;\n font-weight: 400;\n}\n#vs-chapters .chapter-list--item :is(h4,\n.text) {\n font: var(--text-font);\n}\n#vs-chapters .chapter-list--item .text * {\n margin: unset;\n padding: unset;\n font: inherit;\n text-align: left;\n}\n#vs-chapters .chapter-list--item h4 .subtitle {\n display: block;\n font-weight: 300;\n font-size: .95em;\n margin-top: .1em;\n}\n#vs-chapters .title-alt {\n display: block;\n color: #481F72;\n margin-top: .5rem !important;\n}\n@media (max-width: 650px) {\n #vs-chapters .chapter-list {\n display: block;\n columns: 1 auto;\n column-gap: 4rem !important;\n max-width: 450px;\n margin: 0 auto;\n padding: unset;\n }\n}\n\n\n/* SPEAKERS */\n#vs-speakers-section {\n order: 2;\n padding-top: 5vw;\n margin-top: -5vw;\n padding-bottom: 5vw;\n margin-bottom: 5vw;\n z-index: 0;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n background: var(--color-highlight);\n}\n#vs-speakers-section > * > * {\n max-width: 1200px !important;\n margin: 0 auto !important;\n}\n#vs-speakers-section .section-heading {\n text-align: left;\n color: #fff;\n}\n#vs-speakers-section ul {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n justify-content: center;\n gap: 80px 100px;\n margin: var(--spacing-vertical) 20px;\n padding: unset;\n}\n#vs-speakers-section ul .speakers-section-speaker-item {\n max-width: 200px;\n width: 100%; /* Ensure items take full available width within the grid */\n margin: 0 auto; /* Center items within their grid cells */\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin: unset;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type {\n display: flex;\n justify-content: stretch;\n align-items: stretch;\n border-radius: 0;\n position: relative;\n max-width: 180px;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::before {\n content: '';\n width: 100%;\n height: 100%;\n background: #0227B7;\n transform: rotate(-5deg) translateX(-10px) translateY(-10px);\n position: absolute;\n z-index: -1;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::after {\n content: '';\n width: 100%;\n height: 100%;\n background: #3DC3C6;\n transform: rotate(5deg) translateX(15px) translateY(20px) scale(.9);\n transform-origin: 100%;\n position: absolute;\n z-index: -1;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type img {\n width: 100%;\n background: radial-gradient(circle, rgba(194,209,216,1) 0%, rgba(117,130,138,1) 100%);\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n padding: unset;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content>div {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n gap: 0.5rem;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content h3 {\n font: var(--h4-font);\n font-size: 1.2rem;\n color: #fff;\n margin: unset;\n font-weight: 600;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content h4 {\n font: var(--text-font);\n margin: unset;\n color: var(--text-color);\n}\n@media (max-width: 1000px) {\n #vs-speakers-section ul {\n gap: 60px 80px;\n grid-template-columns: 1fr 1fr 1fr;\n }\n}\n@media (max-width: 700px) {\n #vs-speakers-section ul {\n gap: 50px 60px;\n grid-template-columns: 1fr 1fr;\n }\n}\n@media (max-width: 380px) {\n #vs-speakers-section ul {\n gap: 50px 30px;\n }\n #vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::before {\n transform: rotate(-5deg) translateX(-5px) translateY(-5px);\n position: absolute;\n z-index: -1;\n }\n #vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::after {\n transform: rotate(5deg) translateX(5px) translateY(15px) scale(.9);\n }\n #vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content h3 {\n font-size: 1rem;\n }\n}\n\n/* MESSAGEBOARD */\n.eventstate-public_ondemand .vs-mainwrapper>#vs-messageboard {\n display: none;\n}\n#vs-messageboard {\n flex: 1;\n margin: 0 auto;\n \n /* Input variables */\n --input-background: #fffa;\n --input-text: #000;\n --input-placeholder: #000;\n\n /* Button variables */\n --button-background: var(--color-highlight-alt);\n --button-text-hover: var(--color-highlight);\n}\n.vs-mainwrapper>#vs-messageboard .container {\n padding: 0;\n margin-top: 0rem !important;\n}\n.vs-mainwrapper>#vs-messageboard .container .section-heading {\n display: none;\n}\n\n/* Position comment form and message list side by side */\n.vs-mainwrapper>#vs-messageboard .container .wide>div>div {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0 var(--spacing-vertical);\n max-width: 1000px !important;\n margin: 0 auto;\n}\n\n/* Comment form */\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header {\n width: 100%;\n margin: unset;\n padding: unset;\n border: unset;\n position: relative;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header h3 {\n font: var(--h4-font);\n font-weight: 400;\n margin: 0 0 .75em;\n text-align: center;\n color: #fff;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n margin: unset;\n padding: unset;\n border-radius: unset;\n border: none;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form {\n display: grid;\n grid-template-columns: 1fr 2fr min-content;\n justify-content: space-between;\n align-items: start;\n gap: 1rem;\n}\n\n/* Name and comment fields */\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form :is(#comment-name,\n#comment-text) {\n width: 100%;\n max-width: unset;\n height: 2.2em;\n max-height: 200px;\n font: var(--text-font);\n padding: 0 0.75em;\n margin: 0;\n resize: vertical;\n outline: none;\n color: var(--input-text);\n background-color: var(--input-background);\n border: var(--input-border);\n border-radius: var(--input-radius) !important;\n transition: var(--transition), height 0s;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form :is(#comment-name,\n#comment-text)#comment-text {\n padding-top: .6em;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form :is(#comment-name,\n#comment-text):is(:hover,\n:focus) {\n background-color: var(--input-background-hover) !important;\n border-color: var(--input-border-color-hover) !important;\n outline: none;\n}\n\n/* Comment button */\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 2.25em !important;\n padding: 0 1em;\n margin: 0 0 0;\n background-color: var(--button-background) !important;\n color: var(--button-text) !important;\n border: var(--button-border) !important;\n border-radius: var(--button-radius) !important;\n transition: var(--transition);\n font-weight: 400;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button::after {\n content: \"\\e163\";\n font-family: var(--symbol-family);\n font-weight: 300;\n display: block;\n font-size: 1.5rem;\n transition: var(--transition);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button:disabled {\n opacity: .5;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button:hover {\n background-color: var(--button-background-hover) !important;\n color: var(--button-text-hover) !important;\n border-color: var(--button-background-hover) !important;\n box-shadow: var(--shadow);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button:hover::after {\n transform: translateX(0.25em);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form .add-emoji-container {\n color: var(--color-highlight);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form .add-emoji-container .add-emoji {\n margin: unset;\n top: 10px;\n right: 10px;\n}\n\n/* 'Message submitted to moderation'-element */\n.vs-mainwrapper>#vs-messageboard .container .moderation-status {\n z-index: 100;\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n text-align: center;\n border-radius: 0;\n width: 100%;\n max-width: 600px;\n height: -moz-fit-content;\n height: fit-content;\n background: var(--base-color);\n padding: 20px;\n color: var(--text-color);\n border: var(--input-border);\n}\n.vs-mainwrapper>#vs-messageboard .container .moderation-status h3 {\n margin: unset;\n font-weight: 500;\n}\n\n/* Message list */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments {\n margin: 0 0 0;\n}\n\n/* Message */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post {\n margin: 0 0 1rem;\n padding: 0;\n border: var(--input-border);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post:first-of-type {\n margin-top: 40px;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post:last-of-type {\n margin-bottom: 0;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header {\n border-radius: var(--other-radius) var(--other-radius) 0 0;\n padding: .75rem 1rem .5rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline {\n display: flex;\n flex-direction: row;\n justify-content: start;\n gap: .5rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline * {\n font: var(--text-font);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline .author a {\n font-weight: 500;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline .bullet {\n display: none;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline .time-ago {\n font-size: .75em;\n opacity: .75;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-body-inner {\n padding: 0 1rem .75rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-body-inner * {\n margin: unset;\n}\n\n/* Reply form */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form {\n padding: 0 1rem 44px;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form .reply-user {\n margin-bottom: .75rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form :is(input,\ntextarea) {\n width: 100%;\n max-width: unset;\n height: 2em;\n max-height: 200px;\n padding: 0 0.75em;\n margin: 0;\n resize: vertical;\n outline: none;\n color: var(--input-text);\n background-color: var(--base-color-alt);\n border: 1px solid var(--color-highlight);\n border-radius: var(--input-radius) !important;\n transition: var(--transition), height 0s;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form :is(input,\ntextarea)#reply-text {\n padding-top: .5em !important;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form :is(input,\ntextarea):is(:hover,\n:focus) {\n background-color: var(--input-background-hover) !important;\n outline: none;\n}\n\n/* Reply buttons */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus) {\n position: absolute;\n bottom: .75rem;\n right: 1rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus).reply-actions {\n gap: .75rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus):is(button),\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus)>button {\n background: #fff;\n color: var(--button-color);\n border-radius: var(--button-radius);\n border: var(--button-border);\n margin: 0 !important;\n font: var(--text-font);\n font-size: 12px !important;\n font-weight: 500;\n width: auto !important;\n padding: 2px 10px !important;\n transition: var(--transition);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus):is(button):hover,\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus)>button:hover {\n background-color: var(--button-background-hover);\n color: var(--button-text-hover);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer button.fa-plus {\n color: var(--button-text-color);\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 50%;\n border: 1px solid var(--button-border-color);\n font-size: 12px;\n width: 24px;\n height: 24px;\n transition: .2s ease;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses {\n margin: 0 0 0 1rem;\n padding-bottom: .5rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses .post-response {\n padding: unset;\n border-left: 2px solid var(--color-highlight);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses .post-response .comment-header {\n padding-top: 0;\n padding-bottom: 0;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses .post-response .post-body-inner {\n padding-bottom: 0;\n}\n\n/* Position comment form and message list side by side */\n.eventstate-public_ondemand .vs-mainwrapper>#vs-messageboard .wide>div>div {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--spacing-vertical);\n}\n.eventstate-public_ondemand .vs-mainwrapper>#vs-messageboard .wide>div>div #chatboard-comments {\n margin: 0;\n}\n@media (max-width: 950px) {\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form {\n grid-template-columns: 1fr 2fr;\n }\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button {\n grid-column: 2/3;\n width: fit-content;\n justify-self: end;\n }\n}\n@media (max-width: 650px) {\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form {\n grid-template-columns: 1fr;\n }\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button {\n grid-column: unset;\n justify-self: start;\n }\n}\n\n/* FOOTER */\n#vs-footer {\n order: 3;\n background-color: var(--footer-background) !important;\n color: var(--footer-text);\n}\n#vs-footer .container {\n margin: 0 !important;\n}\n#vs-footer .register-heading {\n display: none;\n}\n#vs-footer .footer-text {\n padding: 0;\n display: flex;\n justify-content: stretch;\n align-items: stretch;\n}\n#vs-footer .footer-text > span {\n display: flex;\n justify-content: center;\n align-items: stretch;\n width: 100%;\n}\n.inderes-footer :is(span,\n.inderes-logo) {\n mix-blend-mode: normal;\n font: var(--text-font);\n font-size: 12px;\n line-height: 1em;\n}\n.inderes-footer .divider {\n display: none;\n}\n.inderes-footer {\n grid-area: container;\n display: grid;\n grid-template-columns: 1fr 1fr;\n justify-content: center;\n align-items: center;\n padding: unset;\n margin: 1rem var(--spacing-horizontal) 3rem;\n gap: 0.25rem 0.75rem;\n max-width: 280px;\n}\n.inderes-footer>a {\n display: flex;\n justify-content: center;\n align-items: center;\n width: fit-content;\n min-height: 1.65em;\n padding: 0 1em;\n border-radius: 1000px;\n transition: var(--transition);\n text-decoration: none;\n}\n.inderes-footer>a>span {\n color: inherit;\n}\n.inderes-footer>a:last-of-type {\n margin-top: 20px;\n padding: .25em 1em;\n grid-column: span 2;\n width: 100%;\n gap: .5em;\n}\n.inderes-footer>a:hover {\n background-color: color-mix(in srgb,\n var(--footer-background) 60%,\n #000);\n}\n.inderes-footer .inderes-logo {\n padding-left: 0;\n width: 60px;\n}\n\n\n/* VIDEOSYNC FOOTER */\n#vs-videosync-footer {\n display: none !important;\n background-color: var(--footer-background);\n color: var(--footer-text);\n max-width: var(--max-container-width);\n padding: unset;\n margin: 0 auto;\n height: auto;\n min-height: 60px;\n display: grid;\n grid-template:\n \". container .\" auto / auto minmax(50px, var(--max-container-width)) auto;\n}\n#vs-videosync-footer::before,\n#vs-videosync-footer::after {\n content: unset;\n}\n#vs-videosync-footer :is(span,\n.videosyncLogo) {\n mix-blend-mode: normal;\n font: var(--text-font);\n font-size: 12px;\n line-height: 1em;\n}\n#vs-videosync-footer :is(span,\n.videosyncLogo).videosyncLogo {\n filter: invert(0) !important;\n}\n#vs-videosync-footer .divider {\n display: none;\n}\n#vs-videosync-footer>p {\n grid-area: container;\n padding: unset;\n margin: var(--spacing-vertical-small) var(--spacing-horizontal);\n gap: 0.25rem 0.75rem;\n}\n#vs-videosync-footer>p>a {\n display: flex;\n align-items: center;\n min-height: 2em;\n padding: 0 1em;\n border-radius: 1000px;\n transition: var(--transition);\n}\n#vs-videosync-footer>p>a>span {\n color: inherit;\n}\n#vs-videosync-footer>p>a:last-of-type {\n padding-right: 0;\n}\n#vs-videosync-footer>p>a:hover {\n background-color: color-mix(in srgb,\n var(--footer-background) 60%,\n #000);\n}\n","rmpClips":[]},"misc":{"gaCode":""},"liveToolData":{"sessions":[{"sync":{"slides":[],"chapters":[],"polls":[],"showSlides":[]},"timer":"2024-11-18T12:11:14.323Z","finished":true,"slides":[],"chapters":[],"_id":"673b2ee2f4eeffe8e4390583"},{"sync":{"slides":[],"chapters":[],"polls":[],"showSlides":[]},"timer":"2024-11-18T15:34:11.498Z","finished":true,"slides":[],"chapters":[],"_id":"673b5e7368c9c73b0fbeb377"},{"sync":{"slides":[],"chapters":[{"chapterSet":0,"time":59,"_id":"673c7a82457baa574604c465"},{"chapterSet":1,"time":1235,"_id":"673c7f1a68c9c73b0fcefbcc"},{"chapterSet":2,"time":3782,"_id":"673c890dbbee1d4cd812a183"},{"chapterSet":3,"time":4060,"_id":"673c8a2383400643b2064857"},{"chapterSet":4,"time":9250,"_id":"673c9e6983400643b20ac9a2"}],"polls":[],"showSlides":[]},"timer":"2024-11-19T11:45:11.127Z","finished":true,"slides":[],"chapters":[],"_id":"673c7a47457baa574604b705"},{"sync":{"slides":[],"chapters":[{"chapterSet":5,"time":974,"_id":"673ca4f168c9c73b0fd90afc"},{"chapterSet":6,"time":2097,"_id":"673ca95468c9c73b0fda182d"},{"chapterSet":7,"time":3700,"_id":"673caf97457baa5746108bbc"},{"chapterSet":8,"time":4598,"_id":"673cb319457baa574610fbdf"},{"chapterSet":9,"time":6154,"_id":"673cb92d83400643b21046c9"},{"chapterSet":10,"time":6869,"_id":"673cbbf8bbee1d4cd81fe2e7"}],"polls":[],"showSlides":[]},"timer":"2024-11-19T14:30:58.938Z","finished":true,"slides":[],"chapters":[],"_id":"673ca12268c9c73b0fd74afb"}],"activePoll":{"showResults":false}},"votebox":{"text":{"vote":"Submit","close":"Close"}},"multiLang":{"enabled":false,"showHeaderSelectors":false,"languages":[{"code":"en","label":"In English","_id":"673de78011495e1689b78de2"}]},"transcript":{"enabled":false,"transcriptId":null,"transcripts":[],"status":"SPEECHMATICS_ERROR","autoTranscribe":true,"autoTranscribeLanguage":"en"},"whitelabeling":{"disableFooter":false},"turboBridge":{"conferenceID":null,"pin":null,"rtmpEnabled":false,"validateUserID":2,"userID":""},"talkback":{"layoutElement":{"parent":{"selector":".intro","position":"afterbegin"},"enabled":false},"promptJoiningCall":{"texts":{"title":"Welcome!","description":"Please indicate how you plan to interact in this event:","listenerButton":"Listening only","questionerButton":"Asking questions"},"enabled":false},"enabled":false,"requestToSpeakEnabled":true,"simultaneousInterpretation":false,"videoEnabled":false,"joinCall":true},"_id":"6703efc26ff6bec87b4bc74a","urlName":"asmodee-cmd-2024","estimatedDuration":10800,"publishingDate":"2024-11-19T12:00:00.000Z","title":"Capital Markets Day 2024","account":{"features":{"analytics":{"obfuscateIp":false},"player":"bitmovin-8","hiveStreaming":false},"_id":"5693ad964eb3a28219e4b450","urlName":"wonderland","name":"_Streamfabriken"},"tags":[],"state":1,"liveChannel":{"stream":{"multicast":{"enabled":false},"hiveStreaming":{"lastUpdated":null},"playerOptions":{"maxBufferLevel":8,"limitToPlayerSizeMobile":true,"limitToPlayerSizeDesktop":false,"maxSelectableVideoBitrate":"Infinity","showTimeshift":false},"channelType":"wowza-event","endpointHLS":"/_wonderland-1080p-10s/ngrp:816ad3c7-8017-4b94-a379-3df9c0de8b8b_all/playlist.m3u8","streamNames":["816ad3c7-8017-4b94-a379-3df9c0de8b8b"],"slideDelay":10},"groups":{"multicast":[],"unicast":[]},"_id":"673b054b83400643b2f0094c","streamingServer":{"_id":"5f2958a8d88b4e0024af2762","playbackUrl":"//eu-n-1-streaming.videosync.fi"}},"previewImg":"","media":"video","pollsOrder":[],"premiere":false,"duplicatedFrom":"67038ea78713f778b01ae097","layoutModified":true,"encoder":"Other","screenshotsTaken":[],"timeFrames":[],"pages":[],"irEvent":false,"archived":false,"archivedEventDeletedAt":null,"updatedBy":"61765c6597b9120018169fdf","updatedAt":"2024-11-21T08:47:19.329Z","createdAt":"2023-12-12T12:16:40.000Z","modifiedAt":"2024-11-21T08:47:19.360Z","stateChangeLog":[{"state":7,"_id":"6703efc26ff6bec87b4bc765","changedAt":"2024-10-07T14:27:14.254Z"},{"state":3,"_id":"6703f06db20c0b32543bea4c","changedAt":"2024-10-07T14:30:05.126Z"},{"state":2,"_id":"673b86ec68c9c73b0fc09e6d","changedAt":"2024-11-18T18:26:52.902Z"},{"state":3,"_id":"673c6354bbee1d4cd80e98d2","changedAt":"2024-11-19T10:07:16.429Z"},{"state":0,"_id":"673c7a3e83400643b2036504","changedAt":"2024-11-19T11:45:02.861Z"},{"state":2,"_id":"673cbf4883400643b2114f9a","changedAt":"2024-11-19T16:39:36.946Z"},{"state":1,"_id":"673cf4ef83400643b218e41f","changedAt":"2024-11-19T20:28:31.886Z"}],"__v":19,"isNewEventSite":false,"dialInNumbers":[],"speakers":[],"validProducer":false,"dailyRoom":null,"dailyProducerToken":null,"rtmpUrl":null,"hasUploads":false};
var _authData = {"immutableName":false};
var _setTokens = {};
var _categoriesData = [[{"_id":"6703edbb1662cc327abcdfa3","name":"Asmodee"}]];
var _isPreview = false;
var _time = 1732558039002;
![]()
{{ eCtrl.event.talkback.promptJoiningCall.texts.title }}
LIVE
{{ eCtrl.event.talkback.promptJoiningCall.texts.description }}
{{ $select.selected.num + '. ' + $select.selected.name }}
{{ eCtrl.event.layout.chapters.title || 'Select chapter' }}
![]()
{{ chapter.num }}. {{ chapter.oneLineName || chapter.name }}
{{ eCtrl.event.layout.about.title|vsParseDates:eCtrl.event.publishingDate|vsParseTitles:eCtrl.event.title }}
![]()
![]()
![]()
![]()
-
![]()
-
![]()
{{eCtrl.event.breakoutRoom.title}}
-
![]()
{{eCtrl.alert.title}}
\n
Thomas Kœgler, Chief Executive Officer of Asmodee, \nwill present the company’s business model and its \nunique ecosystem, its strategic direction and future \ngrowth opportunities.\n
Andrea Gasparini, Group CFO of Asmodee, will provide \ninsights into the financial performance and outlook of the \ncompany. \n
Additional members of Asmodee’s Management Team \nwill take the stage to cover specific topics. A full list of \nspeakers will be made available closer to the event on \nthe Asmodee website.\n\n {{ eCtrl.event.talkback.promptJoiningCall.texts.description }}
\n\n\nThomas Kœgler
CEO\n\n\n\nAndrea Gasparini
Group CFO\n\n\n"},"chatboard":{"show":false,"board":{"_id":"6703efc26ff6bec87b4bc744","moderation":true,"title":"Send a message or a question here","hashtags":[],"viewersCanPostResponses":true,"discardReTweets":"true","__v":0},"nameFromLogin":false,"immutableName":false},"gdprmodifications":{"enabled":false,"cookiesPolicyUrl":"https://videosync.events/cookie-policy","termsOfUseUrl":"https://videosync.events/terms-of-use","privacyPolicyUrl":"https://corporate.asmodee.com/privacy-policy","privacyPolicyCheckDisabled":false,"videosyncFooterDisabled":false,"acceptPrivacyText":"\\* I have read and agree to the [Privacy Policy]"},"metadata":{"image":{"url":"","width":null,"height":null},"enabled":true,"title":null,"description":null,"noindex":true},"oskari":{"loginTexts":{"fi":{"content":"\n \tTervetuloa\n\t
KONE Oyj:n varsinaiseen yhtiökokoukseen\n\t
Torstaina 29. helmikuuta 2024\n\n
\n \n \n Kokouspäivä ja -aika\n 29.2.2024 klo 11.00\n \n \n Kokouspaikka\n Messukeskus Siipi\n \n \n Osoite\n Rautatieläisenkatu 3, 00520 Helsinki\n \n \n"},"en":{"content":"\n \tWelcome to\n\t
KONE's Annual General Meeting\n\t
Thursday 29 February 2024\n\n
\n \n \n Date and time\n 29.2.2024 at 11.00 AM (EET)\n \n \n Place\n Conference Center, Messukeskus Siipi\n \n \n Address\n Rautatieläisenkatu 3, 00520 Helsinki\n \n \n"},"sv":{"content":"Loggar in på bolagsstämman\n
Mötesdatum och tid {eventtime;DD.MM.YYYY HH.mm}\n
\nTÄHÄN TEKSTI RUOTSIKSI
\n\nTÄHÄN TEKSTI RUOTSIKSI
\n\nVoit testata laitteesi yhteensopivuuden täältä.\n \n
\nHuomaathan, että yhtiökokoukseen pääsee kirjautumaan salasanalla vasta kokouspäivänä. Salasanasi löytyy vahvistusviestistä. Jos sinulla on ongelmia kirjautumisessa, ota yhteyttä:\n
\nTekninen tuki
\nPuh. +358 10 28 18 909.\n"}}},"registration":{"enabled":false,"onlineUsers":{"enabled":false,"showOnlineOnly":false,"usersListSection":true,"allowInvisible":true,"allowInvisibleText":"Show me in participants list","title":"Participants","conversationsTitle":"Active discussions","customPopupFields":[],"defaultLimit":20},"chat":{"enabled":false},"calendarInvite":{"organizer":{"name":"VideoSync","email":"[email protected]"}},"fields":[{"choices":[],"hideFieldTitle":null,"key":"FNAME","required":true,"title":"Name and surname","type":"text","values":null},{"choices":[],"hideFieldTitle":null,"key":"EMAIL","required":true,"title":"Email","type":"email","values":null},{"choices":[],"hideFieldTitle":null,"key":"COMPANY","required":false,"title":"Company / Organization","type":"text","values":null},{"choices":[],"hideFieldTitle":null,"key":"CUSTOM_TEXT","required":false,"title":"Additional information","type":"text","values":null}],"authenticateByEmail":{"enabled":false}},"invitation":{"enabled":false},"webpageEmbed":{"enabled":false},"thumbnails":{"enabled":true,"showInLive":false},"footer":{"enabled":true},"redirect":{"enabled":false,"url":null},"subtitles":{"enabled":false,"languages":[],"processing":[]},"countdown":{"onRegistrationPage":{"enabled":false,"reversePlacement":false},"text":{"days":"days","hours":"hours","minutes":"min","seconds":"sec","registrationTitle":"The event starts in:"},"enabled":true,"hideDays":false,"template":1,"darkTheme":true},"layout":{"attachments":{"showInHidden":false,"fontColor":"#2B2B2B","bgColor":"rgba(255,255,255,1)","hoverBgColor":"rgba(0,0,0,0.2)","fontSize":22},"body":{"maxWidth":{"pixels":2000,"enabled":false},"bgImage":{"url":"","position":"center bottom","repeat":"no-repeat","size":"100%"},"marginTop":0,"fontFamily":null,"fontLink":null,"titlesFont":null,"bgColor":"var(--base-color)","adobe":"hin1qlp"},"header":{"socialMedia":{"buttons":{"twitter":{"enabled":false},"facebook":{"enabled":false},"linkedIn":{"enabled":false},"pinterest":{"enabled":false}},"buttonsBgColor":"rgb(204, 204, 204)","buttonsFgColor":"rgba(255,255,255)"},"logo":{"originalSize":{"width":121,"height":56},"path":"/events/asmodee/67038ea78713f778b01ae097/images/asmodee-logo-white_500x83-59133126934984.png","width":"180","padding":"0 0 0 0"},"enabled":true,"subheading":"{eventtitle}","bgColor":"#481F72","fontColor":"white","fontSize":"22px","showSocialButtons":true,"showLogout":false},"player":{"bgColor":"var(--color-highlight)","sizeFactor":50,"reversePlacement":false,"followOnScroll":false,"autoPlay":true,"contentBelowVideo":""},"hidden":{"background":{"originalSize":{"width":1705,"height":1279},"path":"/events/asmodee/67038ea78713f778b01ae097/images/catan_still-23_16x9_ct_o_ww_ip_1920x1080.png","template":"BACKGROUND","width":"1705","padding":"0 0 0 0"},"fontColor":"var(--text-color)","formPadding":"3rem","formBgColor":"","bgColor":"var(--base-color)","overlayInHiddenState":false},"chatboard":{"reactions":{"enabled":false,"availableEmojis":["👍","😄","❤️"]},"attachImages":{"enabled":false},"messageBox":{"shadow":{"hShadow":0,"vShadow":0,"blur":0,"spread":0,"color":"rgba(255,255,255,1)"},"margin":20,"borderRadius":0,"bgColor":"rgb(255,255,255)","color":"rgb(0,0,0)","pinnedBgColor":"#AAE1C8","highlightedBgColor":"#AAE1C8"},"text":{"namePlaceholder":"Your name","commentPlaceholder":"Write your comment here","writeComment":"Comment or ask a question","submitComment":"Send","tweetComment":"Tweet a Comment","submitReply":"Reply","reply":"Reply","showMoreReplies":"Show more replies","loadMore":"Load more...","sentToModeration":"Thank you. Your message has been sent to moderation.","cancel":"Cancel"},"showInHidden":false,"messagesInColumns":false,"showInsidePresentation":false,"chatFormOpen":true,"profileImagesEnabled":false,"hideFromViewers":false,"bgColor":"var(--color-highlight)","fontColor":"#fff","inputBgColor":"rgba(255,255,255,0.9)","inputFontColor":"rgb(0, 0, 0)","chatRadius":"","buttonBgColor":"var(--button-color)","buttonFontColor":"var(--button-text)","hideFormInVOD":true},"registration":{"bgImage":{"originalSize":null,"path":"/events/asmodee/67038ea78713f778b01ae097/images/catan_still-23_16x9_ct_o_ww_ip_1920x1080.png","template":"BACKGROUND","width":null,"padding":"0 0 0 0"},"text":{"text":"","title":"Please register to the webcast here:","register":"Register","requiredFields":"Required fields"},"showSections":{"about":true,"chapters":true,"linkGrid":true,"speakersSection":true},"bgColor":"rgba(148, 146, 146, 0.9)","fontColor":"rgb(0, 0, 0)","regFormWidth":"450px","inputCenter":"","inputMaxWidth":"450px","inputBgColor":"rgba(255, 255, 255, 0.9)","inputPlaceColor":"rgba(0, 0, 0, 0.5)","inputFontColor":"rgb(0, 0, 0)","buttonBgColor":"rgb(51, 51, 51)","buttonFontColor":"rgb(255, 255, 255)","inputDisplay":"","inputWrap":"","inputBetween":"","itemWidth":"","formBgColor":"transparent","formPadding":"1.5rem","inputRadius":"4px","showLabels":false},"thumbnails":{"bgColor":"transparent","fontColor":"var(--text-color)","showTime":false},"about":{"bgColor":"var(--color-highlight)","fontColor":"var(--text-color)","titleFontSize":"150%","descFontSize":"120%","placement":"section"},"chapters":{"dropdown":{"enabled":false,"theme":"light","keepGrid":false},"bgColor":"var(--base-color-alt)","fontColor":"#000","title":"AGENDA OF THE DAY","enabled":false,"vertical":true},"footer":{"bgColor":"var(--base-color)","fontColor":"var(--text-color)","text":"\n\n {eventtitle}\n
Epicenter Stockholm & webcast\n
November 19, 2024 at 11:30 - 19:00 (CET)\n
Presentations and webcast start at 13:00\n\n\n
TERMS OF USE | PRIVACY POLICY |Event made live by ","logo":""},"linkGrid":{"bgColor":"rgb(255, 255, 255)","fontColor":"rgb(0, 0, 0)"},"breakoutRoom":{"bgColor":"rgb(255, 255, 255)","fontColor":"rgb(0, 0, 0)"},"onsiteApp":{"text":{"pollStatus":{"voted":"Voted","notVoted":"Not voted"},"chatTitle":"Chat","pollTitle":"Polls","pollSubmit":"Submit","pollListTitle":"Poll","answerNumberText":"Answer number","openTextPollPlaceholder":"Answer here...","multipleChoiceText":"You can choose multiple answers!"}},"oskari":{"login":{"bgImage":{"originalSize":{"width":0,"height":0},"path":"/events/wonderland/common/images/Dc304o3bTH-3D1NCBOWpB-1KVSbXxcql-illustration.svg"},"css":""}},"theme":{"colors":{"black":"0 0% 7%","white":"0 0% 100%","background":"240 4% 5%","foreground":"0 0% 100%","card":"0 0% 9%","primary":"166 100% 38%","primaryAlt":"166 100% 20%","primaryForeground":"166 100% 90%","muted":"0 0% 48%","mutedAlt":"0 0% 80%","mutedForeground":"0 0% 10%","accent":"240 5% 96%","accentForeground":"240 6% 10%","destructive":"9 95% 58%","border":"0 0% 12%"},"borderRadius":"0.25rem"},"layoutCssFile":"default","advancedCss":"/* VARIABLES */\n:root {\n --font-family: \"Poppins\", sans-serif;\n --font-family-headings: \"Poppins\", sans-serif;\n --font-family-text: var(--font-family);\n --font-family-alt: var(--font-family);\n --symbol-family: \"Material Symbols Rounded\";\n --text-font: 400 1rem/1.1em var(--font-family-text);\n --h1-font: 700 clamp(60px, calc(2.5rem + 3vw), 100px) / .9em var(--font-family-headings);\n --h2-font: 700 2.5rem/1.2em var(--font-family-headings);\n --h3-font: 400 clamp(26px, calc(1.1rem + 1vw), 34px) / 1.2em var(--font-family-headings);\n --h4-font: 400 clamp(20px, 2.8vw, 24px) / 1.1em var(--font-family-text);\n --spacing-vertical: 2rem;\n --spacing-horizontal: clamp(1rem, 5vw, 4rem);\n --spacing-both: var(--spacing-vertical) var(--spacing-horizontal);\n --spacing-vertical-small: calc(var(--spacing-vertical) / 2);\n --spacing-horizontal-small: calc(var(--spacing-horizontal) / 2);\n --spacing-both-small: var(--spacing-vertical-small) var(--spacing-horizontal-small);\n --spacing-vertical-large: 3rem;\n --max-container-width: calc(1600px + 2 * var(--spacing-horizontal));\n --transition: 0.2s ease-in-out;\n --shadow:\n /* Inner glow */\n inset 0 0 0.5px 1px hsl(0deg 0% 100% / 7.5%),\n /* Shadow ring */\n 0 0 0 1px hsl(0deg 0% 0% / 5%),\n /* Multiple soft shadows */\n 0 0.3px 0.4px hsl(0deg 0% 0% / 2%),\n 0 0.9px 1.5px hsl(0deg 0% 0% / 4.5%), 0 3.5px 6px hsl(0deg 0% 0% / 9%);\n\n /* Background colors */\n --base-color: #FFFFFF;\n --base-color-alt: #ffffff;\n\n /* Text colors */\n --text-color: #fff;\n --text-color-alt: #fff;\n\n /* Highlight colors */\n --color-highlight: #481F72;\n --color-highlight-alt: #F80073;\n\n /* Input variables */\n --input-background: #fff7;\n --input-text: #fff;\n --input-placeholder: #fff;\n --input-border: 1px solid transparent;\n --input-background-hover: #fff;\n --input-text-hover: #000;\n --input-border-color-hover: transparent;\n --input-radius: 0;\n\n /* Button variables */\n --button-background: var(--color-highlight);\n --button-text: #fff;\n --button-radius: 0;\n --button-border: 1px solid var(--color-highlight);\n --button-background-hover: #ffbd02;\n --button-border-color-hover: var(--button-background-hover);\n --button-text-hover: var(--button-background);\n\n /* Countdown variables */\n --countdown-background: #481F72;\n --countdown-text: #fff;\n\n /* Videosync footer variables */\n --footer-background: #414042;\n --footer-text: #fff;\n}\n@media (max-width: 650px) {\n :root {\n --spacing-vertical: 4vw;\n }\n}\n\n/* GENERAL */\nhtml {\n font-family: var(--font-family-text);\n font-size: clamp(16px, calc(.8rem + .5vw), 18px);\n}\nbody {\n font-size: inherit;\n background-size: cover !important;\n}\nbody :is(h1,\nh2,\nh3,\nh4,\nh5,\nh6) {\n font-family: var(--font-family-headings);\n}\nbody :is(html,\nbody,\ndiv,\ninput,\nbutton,\nselect,\ntextarea,\np) {\n font-family: var(--font-family-text);\n}\nbody .section-heading {\n margin: 0 0 var(--spacing-vertical-large);\n padding: unset;\n font: var(--h2-font);\n color: var(--color-highlight);\n text-align: left;\n letter-spacing: -0.02em;\n}\nbody .section-heading .pink {\n color: var(--color-highlight-alt);\n}\nbody .section-heading .white {\n color: #fff;\n}\nbody .highlight {\n color: var(--color-highlight);\n}\n\n/* STRUCTURE */\n.vs-mainwrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter) {\n display: grid;\n padding: unset;\n margin: unset;\n grid-template:\n \". container .\" auto / auto minmax(50px, var(--max-container-width)) auto;\n order: 0;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)::before,\n.vs-mainwrapper> :is(section,\nheader,\nfooter)::after {\n content: unset;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)> :is(div.container,\n.main-header,\nregistration,\nreact-component) {\n -ms-grid-row: 1;\n -ms-grid-column: 2;\n grid-area: container;\n justify-self: stretch;\n max-width: unset !important;\n width: unset;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)> :is(div.container,\n.main-header,\nregistration,\nreact-component):not(.main-header,\nregistration) {\n margin: var(--spacing-vertical-large) var(--spacing-horizontal) !important;\n}\n.vs-mainwrapper> :is(section,\nheader,\nfooter)> :is(div.container,\n.main-header,\nregistration,\nreact-component)>.content {\n width: 100%;\n}\nbody:not(.is-in-iframe) .vs-mainwrapper {\n min-height: calc(100vh);\n position: relative;\n}\nbody:not(.is-in-iframe) .vs-mainwrapper::before {\n content: 'Great games, amazing stories';\n display: block;\n width: 100%;\n font-size: 12px;\n font-weight: 600;\n color: #fff;\n padding: .15em var(--spacing-horizontal) 0em;\n position: absolute;\n top: 0;\n left: 0;\n background: transparent;\n z-index: 30;\n}\n\n/* HEADER */\n#vs-header {\n min-height: unset;\n z-index: 10;\n box-shadow: none;\n border-top: 30px solid #F80073;\n}\n#vs-header .main-header {\n container-type: inline-size;\n grid-area: container;\n margin: 1.15rem var(--spacing-horizontal) 1.15rem !important;\n display: flex;\n justify-content: stretch;\n align-items: stretch;\n}\n#vs-header .header-content {\n width: 100%;\n height: 100%;\n display: grid;\n grid-template: \"logo subheader meta\" auto / max-content 1fr max-content;\n align-items: end;\n gap: 15px var(--spacing-horizontal);\n padding: 0;\n}\n#vs-header .header-content .logo {\n grid-area: logo;\n display: flex;\n align-items: center;\n max-width: 35vw;\n}\n#vs-header .header-content .logo img {\n padding: unset !important;\n}\n#vs-header .header-content .main-heading {\n display: none;\n}\n#vs-header .header-content .subheader {\n display: none;\n grid-area: subheader;\n margin: unset;\n padding: unset;\n}\n:is(.eventstate-public_live,\n.eventstate-public_ondemand) #vs-header .header-content .subheader {\n display: block;\n}\n#vs-header .header-content .subheader p {\n margin: unset;\n text-align: center;\n font: var(--text-font);\n font-weight: 400;\n color: var(--text-color-alt);\n text-wrap: balance;\n font-size: 1.05rem;\n}\n#vs-header .header-content .meta {\n grid-area: meta;\n margin: 0;\n padding: unset;\n color: var(--color-text) !important;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n flex-wrap: no-wrap;\n gap: 1.2rem;\n min-width: 180px;\n}\n#vs-header .header-content .meta a {\n display: flex;\n align-items: center;\n gap: 0.5em;\n font: var(--text-font);\n font-size: 1.2rem;\n color: var(--text-color-alt);\n text-decoration: none;\n transition: var(--transition);\n}\n#vs-header .header-content .meta a .link-text {\n transition: var(--transition);\n}\n#vs-header .header-content .meta a .material-symbols-rounded {\n font-weight: 300;\n font-size: 1.2em;\n transition: inherit;\n color: var(--color-highlight);\n}\n#vs-header .header-content .meta a:hover {\n color: var(--color-highlight-alt);\n}\n#vs-header .header-content .meta a:hover .link-text {\n text-decoration: underline;\n color: var(--color-highlight);\n}\n#vs-header .header-content .meta a:hover .material-symbols-rounded {\n color: var(--color-highlight);\n}\n@media (max-width: 900px) {\n body:is(.eventstate-public_live,\n .eventstate-public_ondemand) #vs-header .header-content {\n grid-template: \"logo meta\" auto \n \"subheader subheader\" auto / 1fr max-content;\n }\n}\n\n/* REGISTRATION */\n#vs-registration {\n flex: 1;\n background-color: var(--base-color) !important;\n background-size: cover;\n background-position: bottom center;\n max-width: 100vw;\n margin: 0 auto;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n padding-bottom: 5vw;\n display: flex;\n justify-content: center;\n align-items: stretch;\n}\n#vs-registration registration {\n width: 100%;\n max-width: calc(var(--max-container-width) - 2 * var(--spacing-horizontal)) !important;\n display: flex;\n margin: max(var(--spacing-vertical-large), var(--spacing-horizontal)) var(--spacing-horizontal) !important;\n}\n#vs-registration .container:not(.separate-image-wrapper) {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n gap: max(var(--spacing-vertical), 40px) !important;\n padding: unset;\n max-width: unset;\n}\n#vs-registration .container.separate-image-wrapper {\n display: grid;\n grid-template: \"content image\" auto / 600px auto;\n justify-content: space-between;\n align-items: stretch;\n gap: max(var(--spacing-vertical), 40px) !important;\n padding: unset;\n max-width: unset;\n}\n#vs-registration .container .content {\n grid-area: content;\n position: relative;\n margin: unset;\n width: 100%;\n max-width: 500px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: stretch;\n gap: max(var(--spacing-vertical), 2.5rem);\n background-color: var(--color-highlight-alt);\n padding: 1.5rem 1.5rem 2rem;\n border-radius: 0;\n box-shadow: var(--shadow);\n}\n#vs-registration .container .register-heading>* {\n margin: unset;\n color: var(--text-color-alt);\n}\n#vs-registration .container .register-heading h1 {\n font: var(--h1-font) !important;\n margin: 0 0 .35em;\n color: var(--text-color);\n text-transform: uppercase;\n max-width: 600px;\n text-wrap: balance;\n}\n#vs-registration .container .register-heading h3 {\n font: var(--h4-font);\n}\n#vs-registration .container .register-heading h4 {\n margin: 0 0 .5em;\n font: var(--h4-font);\n text-wrap: balance;\n width: fit-content;\n}\n#vs-registration .container .content .register-form {\n margin: unset;\n padding: unset !important;\n max-width: unset !important;\n}\n#vs-registration .container .content .register-form h3.register-text {\n font: var(--h4-font);\n font-weight: 600;\n margin: 0 0 1.5rem;\n color: var(--text-color);\n}\n#vs-registration .container .content .register-form h3.register-text p {\n margin: unset;\n}\n#vs-registration .container .content .register-form .register-flex {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.65rem;\n order: 0;\n}\n#vs-registration .container .content .register-form .register-flex .register-item {\n grid-column: span 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item-type-textarea {\n grid-column: span 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item .register-label {\n font-size: 16px;\n font-weight: 400;\n padding: unset;\n color: var(--text-color-alt);\n}\n#vs-registration .container .content .register-form .register-flex .register-item .register-label .required-label-asterisk {\n display: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item .required {\n float: unset;\n z-index: unset;\n width: unset;\n height: 100%;\n text-align: center;\n place-self: stretch stretch;\n font-size: 0;\n grid-column: 2/3;\n grid-row: 1/2;\n margin: unset;\n margin-top: .65rem;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--input-placeholder);\n}\n#vs-registration .container .content .register-form .register-flex .register-item .required::after {\n content: \"\\e1eb\";\n font-family: var(--symbol-family);\n font-weight: 200;\n display: block;\n font-size: 0.9rem;\n height: 100%;\n line-height: 1em;\n}\n#vs-registration .container .content .register-form .register-flex .register-item :is(input,\ntextarea) {\n font-size: 1rem;\n height: 2.15em;\n max-width: unset !important;\n padding: 0 0.75em;\n color: var(--input-text) !important;\n background-color: var(--input-background) !important;\n border: var(--input-border);\n border-radius: var(--input-radius) !important;\n transition: var(--transition);\n resize: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item :is(input,\ntextarea)::placeholder {\n color: var(--input-placeholder) !important;\n opacity: .8;\n}\n#vs-registration .container .content .register-form .register-flex .register-item :is(input,\ntextarea):is(:focus,\n:hover)::placeholder {\n color: #000 !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-invalid.ng-touched {\n border-color: transparent !important;\n background-color: var(--input-background) !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-invalid.ng-touched+.required {\n color: #a94442 !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-invalid.ng-touched+.required::after {\n content: \"\\e000\";\n font-weight: 400;\n font-size: 1.2rem;\n margin-top: -0.4rem;\n}\n#vs-registration .container .content .register-form .register-flex .register-item input.ng-scope:is(:hover,\n:focus) {\n background-color: var(--input-background-hover) !important;\n border-color: var(--input-border-color-hover) !important;\n color: var(--input-text-hover) !important;\n outline: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item:is(.register-item-type-text,\n.register-item-type-email) {\n display: grid;\n grid-template-columns: 1fr 2.5em;\n align-items: center;\n}\n#vs-registration .container .content .register-form .register-flex .register-item:is(.register-item-type-text,\n.register-item-type-email) input {\n grid-column: 1/3;\n grid-row: 1/2;\n margin: unset;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox {\n grid-column: span 1;\n margin: unset;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label {\n margin: unset;\n padding: unset;\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 0.75em;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .register-choice {\n padding: unset;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .register-choice p {\n margin: unset;\n color: var(--text-color);\n font-size: 15px;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .register-choice p .material-symbols-rounded {\n font-weight: 100;\n font-size: inherit;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label input {\n display: none;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .checkbox-style {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 1.3em;\n width: 1.3em;\n border-radius: var(--input-radius);\n background-color: var(--input-background);\n border: var(--input-border);\n transition: var(--transition);\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label .checkbox-style::after {\n content: \"\\e5ca\";\n font-family: var(--symbol-family);\n color: var(--input-placeholder);\n opacity: 0.3;\n transition: var(--transition);\n font-size: 1.25rem;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label:hover>.checkbox-style {\n background-color: var(--input-background-hover);\n border-color: var(--input-border-color-hover) !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label input:checked+.checkbox-style::after {\n color: var(--input-text);\n font-weight: 700;\n opacity: 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-checkbox .register-label:is(:hover,\n:focus) input:checked+.checkbox-style::after {\n color: var(--input-text-hover);\n font-weight: 700;\n opacity: 1;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-select>div.ng-scope {\n padding: unset !important;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-select>div.ng-scope h4 {\n color: var(--text-color);\n font: var(--text-font);\n font-size: 15px;\n}\n#vs-registration .container .content .register-form .register-flex .register-item.register-item-type-select>div.ng-scope select {\n margin: 0;\n max-width: unset !important;\n background-color: #FB77B4 !important;\n color: var(--text-color) !important;\n border: var(--input-border);\n border-radius: var(--input-radius) !important;\n height: 2.15em;\n padding: 0 .75em;\n}\n#vs-registration .container .content .register-form #submit-button {\n margin: .5em 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: fit-content;\n gap: 2rem;\n min-height: 2em;\n padding: 0 3em;\n background-color: var(--button-background) !important;\n color: var(--button-text) !important;\n border: var(--button-border) !important;\n border-radius: var(--button-radius) !important;\n transition: var(--transition);\n font: var(--text-font);\n font-weight: 400;\n transform: rotate(-3deg);\n}\n#vs-registration .container .content .register-form #submit-button::after {\n content: \"\\f1df\";\n font-family: var(--symbol-family);\n font-weight: 300;\n display: block;\n font-size: 1.5rem;\n transition: var(--transition);\n}\n#vs-registration .container .content .register-form #submit-button:disabled {\n opacity: .5;\n}\n#vs-registration .container .content .register-form #submit-button:hover {\n background-color: var(--button-background-hover) !important;\n color: var(--button-text-hover) !important;\n border-color: var(--button-border-color-hover) !important;\n box-shadow: var(--shadow);\n}\n#vs-registration .container .content .register-form #submit-button:hover::after {\n transform: translateX(0.25em);\n}\n#vs-registration .container .content .register-form > div:last-of-type {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n#vs-registration .container .content .register-form > div:last-of-type > div.register-justify {\n order: 2;\n margin-top: 10px;\n}\n.register-flex .register-item:nth-last-of-type(3) input {\n grid-row: 2/3 !important;\n}\n#vs-registration .container .content .register-form .requiredfieldsinfo {\n order: 1;\n padding-left: 34px;\n margin-top: 0;\n color: var(--text-color);\n font-size: 13px;\n font-style: normal;\n}\n#vs-registration .container .hidden-image {\n grid-area: image;\n position: relative;\n}\n#vs-registration .container .hidden-image img {\n margin: unset;\n border-radius: unset;\n width: 100%;\n height: 100%;\n max-width: 600px;\n object-fit: contain;\n object-position: bottom right;\n}\n@media (max-width: 1400px) {\n #vs-registration .container .content {\n max-width: 450px;\n }\n}\n@media (max-width: 1200px) {\n #vs-registration .container.separate-image-wrapper {\n grid-template: \"content image\" auto / 1fr 1fr;\n }\n #vs-registration .container .content .register-form .register-flex {\n grid-template-columns: 1fr;\n }\n #vs-registration .container .content .register-form .register-flex .register-item-type-textarea,\n #vs-registration .containerr .content .register-form .register-flex .register-item.register-item-type-checkbox {\n grid-column: unset;\n }\n}\n@media (max-width: 1150px) {\n #vs-registration .container .content {\n max-width: 400px;\n padding: 1.25rem 1rem 1.5rem;\n }\n}\n@media (max-width: 920px) {\n #vs-registration .container:not(.separate-image-wrapper) {\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n }\n #vs-registration .container .register-heading {\n max-width: 500px;\n }\n #vs-registration .container .content {\n max-width: 500px;\n padding: 1.25rem 1.25rem 1.5rem;\n }\n}\n@media (max-width: 800px) {\n #vs-registration .container.separate-image-wrapper {\n grid-template:\n \"content\" auto \n \"image\" auto / 1fr;\n }\n #vs-registration .container .content {\n grid-template-columns: 300px 1fr;\n }\n #vs-registration .container.separate-image-wrapper .hidden-image img {\n margin: unset;\n border-radius: unset;\n width: 90%;\n height: 90%;\n max-width: 600px;\n object-fit: contain;\n object-position: bottom right;\n }\n}\n\n/* MODAL */\n.on-registration-page > .modal-wrapper > .modal {\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px);\n}\n.modal-wrapper .modal-backdrop {\n opacity: .35;\n background-color: #000;\n}\n.modal .modal-dialog .modal-content.disclaimer-modal {\n padding: 30px;\n max-width: 800px;\n}\n.modal .modal-dialog .modal-content.disclaimer-modal .modal-body {\n padding: 0;\n}\np.disclaimermodal,\np.disclaimermodal > p {\n margin: 0;\n}\n.disclaimermodal h4 {\n margin-top: 0;\n font-size: 1.15rem;\n}\np.disclaimermodal > p {\n margin: 0 0 10px;\n font-size: max(.9rem, 15px);\n line-height: 1.35em;\n}\n.disclaimermodal > p:empty {\n display: none;\n}\n.disclaimer-modal button {\n margin: .5em 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: fit-content;\n gap: 2rem;\n min-height: 2em;\n padding: 0 3em;\n background-color: var(--button-background) !important;\n color: var(--button-text) !important;\n border: var(--button-border) !important;\n border-radius: var(--button-radius) !important;\n transition: var(--transition);\n font: var(--text-font);\n font-weight: 400;\n}\n\n\n/* HIDDEN */\n#vs-hidden {\n flex: 1;\n background-color: var(--base-color) !important;\n background-size: cover;\n background-position: bottom center;\n min-height: max(80vh, 500px);\n max-width: 100vw;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n padding-bottom: 5vw;\n}\n#vs-hidden .container {\n max-width: calc(var(--max-container-width) - 2 * var(--spacing-horizontal)) !important;\n display: flex;\n flex-direction: row !important;\n margin: max(var(--spacing-vertical-large), var(--spacing-horizontal)) var(--spacing-horizontal) !important;\n}\n#vs-hidden .container.separate-image-wrapper {\n container-type: inline-size;\n display: flex;\n grid-template:\n \"content image\" auto / 1fr 1fr;\n align-items: flex-start;\n gap: var(--spacing-vertical);\n padding: unset;\n max-width: unset;\n}\n#vs-hidden .container .content {\n grid-area: content;\n position: relative;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr max-content;\n align-self: stretch;\n justify-content: space-between;\n gap: min(15vw, 150px);\n padding: unset !important;\n align-items: center;\n}\n#vs-hidden .container .content .hidden-text {\n margin: 0;\n max-width: 600px;\n}\n#vs-hidden .container .content .hidden-text .highlight-alt {\n color: var(--color-highlight-alt);\n}\n#vs-hidden .container .content .hidden-text>span>* {\n margin: unset;\n}\n#vs-hidden .container .content .hidden-text h1 {\n font: var(--h1-font);\n margin: .1em 0 .35em;\n color: #fff;\n text-wrap: balance;\n text-transform: uppercase;\n}\n#vs-hidden .container .content .hidden-text h3 {\n font: var(--h3-font);\n color: #fff;\n text-wrap: balance;\n}\n#vs-hidden .container .content .hidden-text h4 {\n margin: 0 0 .5em;\n font: var(--h4-font);\n color: #fff;\n text-wrap: balance;\n width: fit-content;\n}\n#vs-hidden .container .content .hidden-text h4 b {\n font-weight: 500;\n}\n#vs-hidden .container .hidden-image {\n grid-area: image;\n position: relative;\n display: none;\n}\n#vs-hidden .container .hidden-image img {\n margin: unset;\n border-radius: unset;\n max-width: unset;\n object-fit: cover;\n}\n\n/* COUNTDOWN */\n#vs-hidden .container .countdown-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n justify-self: end;\n justify-items: end;\n justify-content: end;\n width: fit-content;\n gap: min(2vw, 1.75rem);\n margin: unset;\n}\n#vs-hidden .container .countdown-container .counter {\n min-width: 130px;\n min-height: 130px;\n justify-content: center;\n align-items: center;\n background-color: var(--countdown-background);\n opacity: unset;\n border-radius: unset;\n color: var(--countdown-text);\n box-shadow: var(--shadow);\n border-radius: 0;\n}\n#vs-hidden .container .countdown-container .counter>div:is(.days,\n.hours,\n.minutes,\n.seconds) {\n font: var(--h1-font);\n font-size: 4.2rem;\n line-height: 1em;\n min-width: 1.5em;\n text-align: center\n\n}\n#vs-hidden .container .countdown-container .counter .counter-text {\n font: var(--text-font);\n margin: unset;\n}\n#vs-hidden .container .countdown-container .counter .counter-text p {\n margin: unset;\n font-weight: 300;\n}\n#vs-hidden .container .countdown-container .counter:nth-of-type(1) {\n background: var(--color-highlight-alt);\n color: var(--color-highlight);\n transform: rotate(-10deg);\n transform-origin: left bottom;\n}\n@media (max-width: 900px) {\n #vs-hidden .container .countdown-container {\n grid-template-columns: 1fr 1fr;\n }\n #vs-hidden .container .countdown-container :is(.spacer,\n .counter) {\n min-width: 110px;\n min-height: 110px;\n }\n}\n@media (max-width: 750px) {\n #vs-hidden .container .content {\n grid-template-columns: 1fr;\n justify-content: start;\n align-items: center;\n gap: max(6vh, 20px);\n }\n #vs-hidden .container .countdown-container {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n justify-self: center;\n justify-items: center;\n justify-content: center;\n align-items: center;\n gap: min(2.5vw, 1.75rem);\n }\n}\n@media (max-width: 600px) {\n #vs-hidden .container .content .hidden-text h4 {\n max-width: 300px;\n }\n #vs-hidden .container .countdown-container {\n grid-template-columns: 1fr 1fr;\n }\n #vs-hidden .container .countdown-container :is(.spacer,\n .counter) {\n min-width: 100px;\n min-height: 100px;\n }\n #vs-hidden .container .countdown-container .counter > div:is(.days,\n .hours,\n .minutes,\n .seconds) {\n font-size: 3.4rem;\n }\n}\n@media (max-width: 500px) {\n #vs-hidden .container .content {\n justify-content: center;\n grid-template-columns: 1fr;\n }\n #vs-hidden .container .content .hidden-text {\n margin: 0 auto;\n }\n #vs-hidden .container .countdown-container .counter .counter-text {\n font-size: 14px;\n }\n}\n\n/* ABOUT */\n#vs-about-section {\n order: 2;\n padding-top: 5vw;\n margin-top: -5vw;\n margin-bottom: 5vw;\n z-index: 0;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n}\n#vs-about-section .content {\n max-width: 1000px;\n margin: 0 auto;\n}\n#vs-about-section .section-heading {\n text-align: left;\n}\n.about-columns {\n display: grid;\n grid-template-columns: 1fr 280px;\n justify-content: center;\n align-items: center;\n gap: 80px;\n}\n.about-left {\n font-size: 1.1rem;\n display: flex;\n flex-direction: column;\n gap: max(4vw, 60px);\n max-width: 600px;\n}\n.about-right {\n font-size: 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 30px;\n}\n.about-right h4 {\n margin: 0;\n padding: 0 40px;\n font-weight: 400;\n}\n@media (max-width: 900px) {\n .about-columns {\n grid-template-columns: 1fr 200px;\n gap: 50px;\n }\n}\n@media (max-width: 550px) {\n .about-columns {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n .about-left {\n gap: 20px;\n }\n .about-right {\n flex-direction: row;\n }\n} \n\n/* PRESENTATION */\n#vs-presentation {\n}\n#vs-presentation .container {\n padding: unset;\n margin: var(--spacing-vertical) 0 !important;\n gap: 10px 0;\n}\n#vs-presentation .container>div:is(.video-container,\n.slide-container) {\n padding: 0;\n min-height: unset !important;\n}\n@media (max-width: 766px) {\n #vs-presentation .container {\n padding: unset;\n gap: min(var(--spacing-vertical), 2vw);\n }\n}\n\n/* THUMBNAILS */\n#vs-thumbnails {\n max-width: var(--max-container-width);\n margin: 0 auto;\n border-left: 1px solid #eee;\n border-right: 1px solid #eee;\n}\n.eventstate-public_ondemand #vs-thumbnails {\n flex: 1;\n}\n#vs-thumbnails .container {\n padding: 0;\n margin: 1rem var(--spacing-horizontal) var(--spacing-vertical-large) !important;\n}\n#vs-thumbnails .container .slidethumbnails--item.active {\n outline: 2px solid var(--color-highlight);\n}\n#vs-thumbnails .container .slidethumbnails--item.browsed-slide {\n outline: 1px solid var(--color-highlight);\n}\n#vs-thumbnails .container .slidethumbnails--item button {\n display: flex;\n}\n\n/* CHAPTERS */\n#vs-chapters {\n order: 1;\n margin: 0 auto;\n clip-path: polygon(0 0, 100% 0px, 100% calc(100% - 5vw), 0 100%);\n padding: 0 var(--spacing-horizontal) 5vw;\n z-index: 10;\n}\n#vs-chapters .container {\n margin-left: auto !important;\n margin-right: auto !important;\n width: 100%;\n max-width: 500px !important;\n background-color: var(--base-color-alt);\n display: grid;\n grid-template-columns: 1fr;\n gap: 60px;\n}\n#vs-chapters .section-heading {\n margin-bottom: 40px;\n}\n#vs-chapters .section-heading::after {\n content: 'Click on a headline below to watch desired section';\n display: block;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.25em;\n margin-top: .5rem;\n}\n#vs-chapters .chapter-list {\n display: block;\n columns: 1 auto;\n column-gap: 4rem !important;\n max-width: 600px;\n margin: 0 auto 0 0;\n padding: unset;\n}\n#vs-chapters .chapter-list .chapter-list--item {\n padding: unset;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr;\n gap: .25rem;\n margin-bottom: 1.25rem;\n break-inside: avoid;\n}\n#vs-chapters .chapter-list--item h4 {\n margin: 0;\n}\n#vs-chapters .chapter-list--item h4 > span {\n margin: 0;\n font-weight: 700 !important;\n display: flex;\n flex-direction: row;\n}\n#vs-chapters .chapter-list--item h4 .time {\n min-width: 5rem;\n display: none;\n font-weight: 400;\n}\n#vs-chapters .chapter-list--item :is(h4,\n.text) {\n font: var(--text-font);\n}\n#vs-chapters .chapter-list--item .text * {\n margin: unset;\n padding: unset;\n font: inherit;\n text-align: left;\n}\n#vs-chapters .chapter-list--item h4 .subtitle {\n display: block;\n font-weight: 300;\n font-size: .95em;\n margin-top: .1em;\n}\n#vs-chapters .title-alt {\n display: block;\n color: #481F72;\n margin-top: .5rem !important;\n}\n@media (max-width: 650px) {\n #vs-chapters .chapter-list {\n display: block;\n columns: 1 auto;\n column-gap: 4rem !important;\n max-width: 450px;\n margin: 0 auto;\n padding: unset;\n }\n}\n\n\n/* SPEAKERS */\n#vs-speakers-section {\n order: 2;\n padding-top: 5vw;\n margin-top: -5vw;\n padding-bottom: 5vw;\n margin-bottom: 5vw;\n z-index: 0;\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));\n background: var(--color-highlight);\n}\n#vs-speakers-section > * > * {\n max-width: 1200px !important;\n margin: 0 auto !important;\n}\n#vs-speakers-section .section-heading {\n text-align: left;\n color: #fff;\n}\n#vs-speakers-section ul {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n justify-content: center;\n gap: 80px 100px;\n margin: var(--spacing-vertical) 20px;\n padding: unset;\n}\n#vs-speakers-section ul .speakers-section-speaker-item {\n max-width: 200px;\n width: 100%; /* Ensure items take full available width within the grid */\n margin: 0 auto; /* Center items within their grid cells */\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin: unset;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type {\n display: flex;\n justify-content: stretch;\n align-items: stretch;\n border-radius: 0;\n position: relative;\n max-width: 180px;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::before {\n content: '';\n width: 100%;\n height: 100%;\n background: #0227B7;\n transform: rotate(-5deg) translateX(-10px) translateY(-10px);\n position: absolute;\n z-index: -1;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::after {\n content: '';\n width: 100%;\n height: 100%;\n background: #3DC3C6;\n transform: rotate(5deg) translateX(15px) translateY(20px) scale(.9);\n transform-origin: 100%;\n position: absolute;\n z-index: -1;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type img {\n width: 100%;\n background: radial-gradient(circle, rgba(194,209,216,1) 0%, rgba(117,130,138,1) 100%);\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n padding: unset;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content>div {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n gap: 0.5rem;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content h3 {\n font: var(--h4-font);\n font-size: 1.2rem;\n color: #fff;\n margin: unset;\n font-weight: 600;\n}\n#vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content h4 {\n font: var(--text-font);\n margin: unset;\n color: var(--text-color);\n}\n@media (max-width: 1000px) {\n #vs-speakers-section ul {\n gap: 60px 80px;\n grid-template-columns: 1fr 1fr 1fr;\n }\n}\n@media (max-width: 700px) {\n #vs-speakers-section ul {\n gap: 50px 60px;\n grid-template-columns: 1fr 1fr;\n }\n}\n@media (max-width: 380px) {\n #vs-speakers-section ul {\n gap: 50px 30px;\n }\n #vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::before {\n transform: rotate(-5deg) translateX(-5px) translateY(-5px);\n position: absolute;\n z-index: -1;\n }\n #vs-speakers-section ul .speakers-section-speaker-item>div>div:first-of-type::after {\n transform: rotate(5deg) translateX(5px) translateY(15px) scale(.9);\n }\n #vs-speakers-section ul .speakers-section-speaker-item>div .speakers-section-speaker-item-text-content h3 {\n font-size: 1rem;\n }\n}\n\n/* MESSAGEBOARD */\n.eventstate-public_ondemand .vs-mainwrapper>#vs-messageboard {\n display: none;\n}\n#vs-messageboard {\n flex: 1;\n margin: 0 auto;\n \n /* Input variables */\n --input-background: #fffa;\n --input-text: #000;\n --input-placeholder: #000;\n\n /* Button variables */\n --button-background: var(--color-highlight-alt);\n --button-text-hover: var(--color-highlight);\n}\n.vs-mainwrapper>#vs-messageboard .container {\n padding: 0;\n margin-top: 0rem !important;\n}\n.vs-mainwrapper>#vs-messageboard .container .section-heading {\n display: none;\n}\n\n/* Position comment form and message list side by side */\n.vs-mainwrapper>#vs-messageboard .container .wide>div>div {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0 var(--spacing-vertical);\n max-width: 1000px !important;\n margin: 0 auto;\n}\n\n/* Comment form */\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header {\n width: 100%;\n margin: unset;\n padding: unset;\n border: unset;\n position: relative;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header h3 {\n font: var(--h4-font);\n font-weight: 400;\n margin: 0 0 .75em;\n text-align: center;\n color: #fff;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n margin: unset;\n padding: unset;\n border-radius: unset;\n border: none;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form {\n display: grid;\n grid-template-columns: 1fr 2fr min-content;\n justify-content: space-between;\n align-items: start;\n gap: 1rem;\n}\n\n/* Name and comment fields */\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form :is(#comment-name,\n#comment-text) {\n width: 100%;\n max-width: unset;\n height: 2.2em;\n max-height: 200px;\n font: var(--text-font);\n padding: 0 0.75em;\n margin: 0;\n resize: vertical;\n outline: none;\n color: var(--input-text);\n background-color: var(--input-background);\n border: var(--input-border);\n border-radius: var(--input-radius) !important;\n transition: var(--transition), height 0s;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form :is(#comment-name,\n#comment-text)#comment-text {\n padding-top: .6em;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form :is(#comment-name,\n#comment-text):is(:hover,\n:focus) {\n background-color: var(--input-background-hover) !important;\n border-color: var(--input-border-color-hover) !important;\n outline: none;\n}\n\n/* Comment button */\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 2.25em !important;\n padding: 0 1em;\n margin: 0 0 0;\n background-color: var(--button-background) !important;\n color: var(--button-text) !important;\n border: var(--button-border) !important;\n border-radius: var(--button-radius) !important;\n transition: var(--transition);\n font-weight: 400;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button::after {\n content: \"\\e163\";\n font-family: var(--symbol-family);\n font-weight: 300;\n display: block;\n font-size: 1.5rem;\n transition: var(--transition);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button:disabled {\n opacity: .5;\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button:hover {\n background-color: var(--button-background-hover) !important;\n color: var(--button-text-hover) !important;\n border-color: var(--button-background-hover) !important;\n box-shadow: var(--shadow);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button:hover::after {\n transform: translateX(0.25em);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form .add-emoji-container {\n color: var(--color-highlight);\n}\n.vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form .add-emoji-container .add-emoji {\n margin: unset;\n top: 10px;\n right: 10px;\n}\n\n/* 'Message submitted to moderation'-element */\n.vs-mainwrapper>#vs-messageboard .container .moderation-status {\n z-index: 100;\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n text-align: center;\n border-radius: 0;\n width: 100%;\n max-width: 600px;\n height: -moz-fit-content;\n height: fit-content;\n background: var(--base-color);\n padding: 20px;\n color: var(--text-color);\n border: var(--input-border);\n}\n.vs-mainwrapper>#vs-messageboard .container .moderation-status h3 {\n margin: unset;\n font-weight: 500;\n}\n\n/* Message list */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments {\n margin: 0 0 0;\n}\n\n/* Message */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post {\n margin: 0 0 1rem;\n padding: 0;\n border: var(--input-border);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post:first-of-type {\n margin-top: 40px;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post:last-of-type {\n margin-bottom: 0;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header {\n border-radius: var(--other-radius) var(--other-radius) 0 0;\n padding: .75rem 1rem .5rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline {\n display: flex;\n flex-direction: row;\n justify-content: start;\n gap: .5rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline * {\n font: var(--text-font);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline .author a {\n font-weight: 500;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline .bullet {\n display: none;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-header .post-byline .time-ago {\n font-size: .75em;\n opacity: .75;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-body-inner {\n padding: 0 1rem .75rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-body-inner * {\n margin: unset;\n}\n\n/* Reply form */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form {\n padding: 0 1rem 44px;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form .reply-user {\n margin-bottom: .75rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form :is(input,\ntextarea) {\n width: 100%;\n max-width: unset;\n height: 2em;\n max-height: 200px;\n padding: 0 0.75em;\n margin: 0;\n resize: vertical;\n outline: none;\n color: var(--input-text);\n background-color: var(--base-color-alt);\n border: 1px solid var(--color-highlight);\n border-radius: var(--input-radius) !important;\n transition: var(--transition), height 0s;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form :is(input,\ntextarea)#reply-text {\n padding-top: .5em !important;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer .reply-form :is(input,\ntextarea):is(:hover,\n:focus) {\n background-color: var(--input-background-hover) !important;\n outline: none;\n}\n\n/* Reply buttons */\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus) {\n position: absolute;\n bottom: .75rem;\n right: 1rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus).reply-actions {\n gap: .75rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus):is(button),\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus)>button {\n background: #fff;\n color: var(--button-color);\n border-radius: var(--button-radius);\n border: var(--button-border);\n margin: 0 !important;\n font: var(--text-font);\n font-size: 12px !important;\n font-weight: 500;\n width: auto !important;\n padding: 2px 10px !important;\n transition: var(--transition);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus):is(button):hover,\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer :is(.open-reply-form,\n.mobile-actions,\n.reply-actions):not(.fa-plus)>button:hover {\n background-color: var(--button-background-hover);\n color: var(--button-text-hover);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .comment-footer button.fa-plus {\n color: var(--button-text-color);\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 50%;\n border: 1px solid var(--button-border-color);\n font-size: 12px;\n width: 24px;\n height: 24px;\n transition: .2s ease;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses {\n margin: 0 0 0 1rem;\n padding-bottom: .5rem;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses .post-response {\n padding: unset;\n border-left: 2px solid var(--color-highlight);\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses .post-response .comment-header {\n padding-top: 0;\n padding-bottom: 0;\n}\n.vs-mainwrapper>#vs-messageboard .container #chatboard-comments .post .post-responses .post-response .post-body-inner {\n padding-bottom: 0;\n}\n\n/* Position comment form and message list side by side */\n.eventstate-public_ondemand .vs-mainwrapper>#vs-messageboard .wide>div>div {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--spacing-vertical);\n}\n.eventstate-public_ondemand .vs-mainwrapper>#vs-messageboard .wide>div>div #chatboard-comments {\n margin: 0;\n}\n@media (max-width: 950px) {\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form {\n grid-template-columns: 1fr 2fr;\n }\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button {\n grid-column: 2/3;\n width: fit-content;\n justify-self: end;\n }\n}\n@media (max-width: 650px) {\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form {\n grid-template-columns: 1fr;\n }\n .vs-mainwrapper>#vs-messageboard .container .comment-feed-header .comment-form form #submit-button {\n grid-column: unset;\n justify-self: start;\n }\n}\n\n/* FOOTER */\n#vs-footer {\n order: 3;\n background-color: var(--footer-background) !important;\n color: var(--footer-text);\n}\n#vs-footer .container {\n margin: 0 !important;\n}\n#vs-footer .register-heading {\n display: none;\n}\n#vs-footer .footer-text {\n padding: 0;\n display: flex;\n justify-content: stretch;\n align-items: stretch;\n}\n#vs-footer .footer-text > span {\n display: flex;\n justify-content: center;\n align-items: stretch;\n width: 100%;\n}\n.inderes-footer :is(span,\n.inderes-logo) {\n mix-blend-mode: normal;\n font: var(--text-font);\n font-size: 12px;\n line-height: 1em;\n}\n.inderes-footer .divider {\n display: none;\n}\n.inderes-footer {\n grid-area: container;\n display: grid;\n grid-template-columns: 1fr 1fr;\n justify-content: center;\n align-items: center;\n padding: unset;\n margin: 1rem var(--spacing-horizontal) 3rem;\n gap: 0.25rem 0.75rem;\n max-width: 280px;\n}\n.inderes-footer>a {\n display: flex;\n justify-content: center;\n align-items: center;\n width: fit-content;\n min-height: 1.65em;\n padding: 0 1em;\n border-radius: 1000px;\n transition: var(--transition);\n text-decoration: none;\n}\n.inderes-footer>a>span {\n color: inherit;\n}\n.inderes-footer>a:last-of-type {\n margin-top: 20px;\n padding: .25em 1em;\n grid-column: span 2;\n width: 100%;\n gap: .5em;\n}\n.inderes-footer>a:hover {\n background-color: color-mix(in srgb,\n var(--footer-background) 60%,\n #000);\n}\n.inderes-footer .inderes-logo {\n padding-left: 0;\n width: 60px;\n}\n\n\n/* VIDEOSYNC FOOTER */\n#vs-videosync-footer {\n display: none !important;\n background-color: var(--footer-background);\n color: var(--footer-text);\n max-width: var(--max-container-width);\n padding: unset;\n margin: 0 auto;\n height: auto;\n min-height: 60px;\n display: grid;\n grid-template:\n \". container .\" auto / auto minmax(50px, var(--max-container-width)) auto;\n}\n#vs-videosync-footer::before,\n#vs-videosync-footer::after {\n content: unset;\n}\n#vs-videosync-footer :is(span,\n.videosyncLogo) {\n mix-blend-mode: normal;\n font: var(--text-font);\n font-size: 12px;\n line-height: 1em;\n}\n#vs-videosync-footer :is(span,\n.videosyncLogo).videosyncLogo {\n filter: invert(0) !important;\n}\n#vs-videosync-footer .divider {\n display: none;\n}\n#vs-videosync-footer>p {\n grid-area: container;\n padding: unset;\n margin: var(--spacing-vertical-small) var(--spacing-horizontal);\n gap: 0.25rem 0.75rem;\n}\n#vs-videosync-footer>p>a {\n display: flex;\n align-items: center;\n min-height: 2em;\n padding: 0 1em;\n border-radius: 1000px;\n transition: var(--transition);\n}\n#vs-videosync-footer>p>a>span {\n color: inherit;\n}\n#vs-videosync-footer>p>a:last-of-type {\n padding-right: 0;\n}\n#vs-videosync-footer>p>a:hover {\n background-color: color-mix(in srgb,\n var(--footer-background) 60%,\n #000);\n}\n","rmpClips":[]},"misc":{"gaCode":""},"liveToolData":{"sessions":[{"sync":{"slides":[],"chapters":[],"polls":[],"showSlides":[]},"timer":"2024-11-18T12:11:14.323Z","finished":true,"slides":[],"chapters":[],"_id":"673b2ee2f4eeffe8e4390583"},{"sync":{"slides":[],"chapters":[],"polls":[],"showSlides":[]},"timer":"2024-11-18T15:34:11.498Z","finished":true,"slides":[],"chapters":[],"_id":"673b5e7368c9c73b0fbeb377"},{"sync":{"slides":[],"chapters":[{"chapterSet":0,"time":59,"_id":"673c7a82457baa574604c465"},{"chapterSet":1,"time":1235,"_id":"673c7f1a68c9c73b0fcefbcc"},{"chapterSet":2,"time":3782,"_id":"673c890dbbee1d4cd812a183"},{"chapterSet":3,"time":4060,"_id":"673c8a2383400643b2064857"},{"chapterSet":4,"time":9250,"_id":"673c9e6983400643b20ac9a2"}],"polls":[],"showSlides":[]},"timer":"2024-11-19T11:45:11.127Z","finished":true,"slides":[],"chapters":[],"_id":"673c7a47457baa574604b705"},{"sync":{"slides":[],"chapters":[{"chapterSet":5,"time":974,"_id":"673ca4f168c9c73b0fd90afc"},{"chapterSet":6,"time":2097,"_id":"673ca95468c9c73b0fda182d"},{"chapterSet":7,"time":3700,"_id":"673caf97457baa5746108bbc"},{"chapterSet":8,"time":4598,"_id":"673cb319457baa574610fbdf"},{"chapterSet":9,"time":6154,"_id":"673cb92d83400643b21046c9"},{"chapterSet":10,"time":6869,"_id":"673cbbf8bbee1d4cd81fe2e7"}],"polls":[],"showSlides":[]},"timer":"2024-11-19T14:30:58.938Z","finished":true,"slides":[],"chapters":[],"_id":"673ca12268c9c73b0fd74afb"}],"activePoll":{"showResults":false}},"votebox":{"text":{"vote":"Submit","close":"Close"}},"multiLang":{"enabled":false,"showHeaderSelectors":false,"languages":[{"code":"en","label":"In English","_id":"673de78011495e1689b78de2"}]},"transcript":{"enabled":false,"transcriptId":null,"transcripts":[],"status":"SPEECHMATICS_ERROR","autoTranscribe":true,"autoTranscribeLanguage":"en"},"whitelabeling":{"disableFooter":false},"turboBridge":{"conferenceID":null,"pin":null,"rtmpEnabled":false,"validateUserID":2,"userID":""},"talkback":{"layoutElement":{"parent":{"selector":".intro","position":"afterbegin"},"enabled":false},"promptJoiningCall":{"texts":{"title":"Welcome!","description":"Please indicate how you plan to interact in this event:","listenerButton":"Listening only","questionerButton":"Asking questions"},"enabled":false},"enabled":false,"requestToSpeakEnabled":true,"simultaneousInterpretation":false,"videoEnabled":false,"joinCall":true},"_id":"6703efc26ff6bec87b4bc74a","urlName":"asmodee-cmd-2024","estimatedDuration":10800,"publishingDate":"2024-11-19T12:00:00.000Z","title":"Capital Markets Day 2024","account":{"features":{"analytics":{"obfuscateIp":false},"player":"bitmovin-8","hiveStreaming":false},"_id":"5693ad964eb3a28219e4b450","urlName":"wonderland","name":"_Streamfabriken"},"tags":[],"state":1,"liveChannel":{"stream":{"multicast":{"enabled":false},"hiveStreaming":{"lastUpdated":null},"playerOptions":{"maxBufferLevel":8,"limitToPlayerSizeMobile":true,"limitToPlayerSizeDesktop":false,"maxSelectableVideoBitrate":"Infinity","showTimeshift":false},"channelType":"wowza-event","endpointHLS":"/_wonderland-1080p-10s/ngrp:816ad3c7-8017-4b94-a379-3df9c0de8b8b_all/playlist.m3u8","streamNames":["816ad3c7-8017-4b94-a379-3df9c0de8b8b"],"slideDelay":10},"groups":{"multicast":[],"unicast":[]},"_id":"673b054b83400643b2f0094c","streamingServer":{"_id":"5f2958a8d88b4e0024af2762","playbackUrl":"//eu-n-1-streaming.videosync.fi"}},"previewImg":"","media":"video","pollsOrder":[],"premiere":false,"duplicatedFrom":"67038ea78713f778b01ae097","layoutModified":true,"encoder":"Other","screenshotsTaken":[],"timeFrames":[],"pages":[],"irEvent":false,"archived":false,"archivedEventDeletedAt":null,"updatedBy":"61765c6597b9120018169fdf","updatedAt":"2024-11-21T08:47:19.329Z","createdAt":"2023-12-12T12:16:40.000Z","modifiedAt":"2024-11-21T08:47:19.360Z","stateChangeLog":[{"state":7,"_id":"6703efc26ff6bec87b4bc765","changedAt":"2024-10-07T14:27:14.254Z"},{"state":3,"_id":"6703f06db20c0b32543bea4c","changedAt":"2024-10-07T14:30:05.126Z"},{"state":2,"_id":"673b86ec68c9c73b0fc09e6d","changedAt":"2024-11-18T18:26:52.902Z"},{"state":3,"_id":"673c6354bbee1d4cd80e98d2","changedAt":"2024-11-19T10:07:16.429Z"},{"state":0,"_id":"673c7a3e83400643b2036504","changedAt":"2024-11-19T11:45:02.861Z"},{"state":2,"_id":"673cbf4883400643b2114f9a","changedAt":"2024-11-19T16:39:36.946Z"},{"state":1,"_id":"673cf4ef83400643b218e41f","changedAt":"2024-11-19T20:28:31.886Z"}],"__v":19,"isNewEventSite":false,"dialInNumbers":[],"speakers":[],"validProducer":false,"dailyRoom":null,"dailyProducerToken":null,"rtmpUrl":null,"hasUploads":false};
var _authData = {"immutableName":false};
var _setTokens = {};
var _categoriesData = [[{"_id":"6703edbb1662cc327abcdfa3","name":"Asmodee"}]];
var _isPreview = false;
var _time = 1732558039002;
{{ eCtrl.event.talkback.promptJoiningCall.texts.title }}
LIVE
{{ $select.selected.num + '. ' + $select.selected.name }}
{{ eCtrl.event.layout.chapters.title || 'Select chapter' }}
{{ chapter.num }}. {{ chapter.oneLineName || chapter.name }}
{{ eCtrl.event.layout.about.title|vsParseDates:eCtrl.event.publishingDate|vsParseTitles:eCtrl.event.title }}
{{eCtrl.event.breakoutRoom.title}}
{{eCtrl.alert.title}}