@charset "UTF-8";
:root{
    --primary:#c03e24;
    --primary-txt:#fff;
    --accent:grey;
    --accent-txt:#fff;
    --base:#fff;
    --base-text:#424242;
    --base-secondary-text:#636363;
    --link-secondary-text:#424242;
    --darken-1:rgba(0,0,0,0.125);
    --darken-2:rgba(0,0,0,0.25);
    --darken-3:rgba(0,0,0,0.5);
    --lighten-1:rgba(255,255,255,0.125);
    --lighten-2:rgba(255,255,255,0.25);
    --lighten-3:rgba(255,255,255,0.5);
    --color-hero:#f8f8ff;
    --color-platium:#73737a;
    --color-sponsors:#b7935b;
    --color-error:#b22222;
    --space-1:.125rem;
    --space-2:.25rem;
    --space-3:.5rem;
    --space-4:1rem;
    --theJdrSize:1100px;
    --block-text-max-width:60rem;
    --breakpoint-sm:34.375rem;
    --breakpoint-md:45rem;
    --breakpoint-lg:60rem;
    --breakpoint-xl:71.25rem;
    --container-margin:10vw;
    --container-margin-mobile:3vw;
    --toolbar-height:3.25rem;
    --font-family:"Roboto",sans-serif;
    --tag1:#b3e2cd;
    --tag2:#fdcdac;
    --tag3:#cbd5e8;
    --tag4:#f4cae4;
    --tag5:#e6f5c9;
    --tag6:#fff2ae;
    --tag7:#f1e2cc;
    --tag8:#ccc;
    --native-mobile-apps:var(--tag2);
    --web:var(--tag6);
    --method-tools:var(--tag5);
    --big-data-ml-ai:var(--tag3);
    --iot:var(--tag8);
    --cloud:var(--tag4);
    --languages:var(--tag1);
    --wtf:var(--tag7);
    --general:var(--tag8);
    --office-hours:#fffaf0;
    --keynote:#afeeee;
    --jumbo-logo-width:400px;
    --jumbo-overlay-opacity:0.01;
    --jumbo-overlay-transition:0.5s;
    --partner-support-height:60px;
    --partner-organisation-height:calc(var(--partner-support-height)*3);
    --partner-partners-height:calc(var(--partner-support-height)*2);
    --partner-sponsors-height:calc(var(--partner-support-height)*2);
    --animation:0.3s cubic-bezier(0.4,0,0.2,1);
    --extruded-dark:1px 0 0 var(--darken-3);
    --extruded-light:1px 0 0 var(--lighten-3);
    --box-shadow-1:0 0 2px 0 rgba(0,0,0,0.07),0 2px 2px 0 rgba(0,0,0,0.15);
    --box-shadow-2:0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12);
    --fg-mark-a:#fff;
    --bg-mark-a:#fb2c17;
    --fg-mark-b:#000;
    --bg-mark-b:#fc0;
    --fg-mark-t2:#fff;
    --bg-mark-t2:#11a7e0;
    --base-grid-height:4.5em
}
html{
    box-sizing:border-box;
    font-family:Roboto,sans-serif;
    font-family:var(--font-family);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:rgba(0,0,0,.25);
    background:var(--darken-2)
}
*,:after,:before{
    box-sizing:inherit
}
:focus{
    outline:thin dotted rgba(0,0,0,.5);
    outline:thin dotted var(--darken-3);
    outline-offset:.125rem;
    outline-offset:var(--space-1)
}
body{
    background:#fff;
    background:var(--base);
    color:#424242;
    color:var(--base-text);
    margin:3.25rem 0 0;
    margin:var(--toolbar-height) 0 0;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    min-height:calc(100vh - 3.25rem);
    min-height:calc(100vh - var(--toolbar-height))
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-weight:400
}
hr{
    border-color:rgba(0,0,0,.125);
    border-color:var(--darken-1);
    opacity:.25
}
p{
    line-height:1.25
}
a,a:visited{
    color:inherit;
    text-decoration:none
}
.content a,.content a:visited{
    color:#593a9f;
    color:var(--primary)
}
.language.english:before{
    content:"🇬🇧"
}
.language.turkish:before{
    content:"🇹🇷"
}
.language.english-turkish:before{
    content:"🇹🇷 🇬🇧"
}
.visually-hidden{
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px)
}
body>footer.container,body>header.container,body>main>section.container{
    padding:4rem 10vw;
    padding:4rem var(--container-margin)
}
body>header{
    position:fixed;
    top:0;
    z-index:100;
    width:100vw;
    box-shadow:0 .125rem #593a9f,0 .25rem .125rem rgba(0,0,0,.5);
    box-shadow:0 var(--space-1) var(--primary),0 var(--space-2) var(--space-1) var(--darken-3);
    background:#593a9f;
    background:var(--primary);
    color:#fff;
    color:var(--primary-txt)
}
body>header .top-content{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    align-items:center
}
body>header .logo img{
    height:2.75rem;
    height:calc(var(--toolbar-height) - 2*var(--space-2));
}
body>header label{
    display:none;
    opacity:.5;
    padding:.1em;
    border:.25rem solid transparent;
    border:var(--space-2) solid transparent;
    outline-offset:.25rem;
    outline-offset:var(--space-2)
}
body>header label .icon{
    --size:1.5rem;
    height:1.5rem;
    height:var(--size,1.5rem);
    width:1.5rem;
    width:var(--size,1.5rem)
}
body>header label .icon-menu{
    display:block
}
body>header label .icon-close{
    display:none
}
body>header label:focus,body>header label:hover{
    opacity:1;
    outline:thin dotted currentColor
}
body>header input[type=checkbox]:checked~label .icon-menu{
    display:none
}
body>header input[type=checkbox]:checked~label .icon-close{
    display:block
}
body>header nav{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
body>header nav ul{
    margin:0;
    padding:0;
    display:-webkit-box;
    display:flex;
    list-style:none
}
body>header nav li{
    opacity:.6;
    -webkit-transition:all .3s cubic-bezier(.4,0,.2,1);
    transition:all .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition:all var(--animation);
    transition:all var(--animation);
    border-bottom:thin solid transparent;
    border-radius:5%
}
body>header nav li.active{
    opacity:1;
    border-bottom-color:currentColor
}
body>header nav a{
    display:block;
    text-transform:uppercase;
    padding:0 .5rem;
    padding:0 var(--space-3);
    text-decoration:none;
    line-height:2.25rem;
    line-height:calc(var(--toolbar-height) - 4*var(--space-2));
    color:inherit;
    font-weight:200
}
body>header nav a svg{
    max-width:3ch
}
body>header nav nav a:focus,body>header nav nav a:hover{
    text-shadow:1px 0 0 rgba(0,0,0,.5);
    text-shadow:var(--extruded-dark);
    opacity:.75
}
body>header nav .languages a.lang{
    color:transparent;
    max-width:2em;
    height:2em;
    overflow:hidden
}
body>header nav .languages a.lang:before{
    color:#000;
    color:initial
}
body>header nav .languages a.lang.lang-tr:before{
    content:"🇹🇷"
}
body>header nav .languages a.lang.lang-gb:before{
    content:"🇬🇧"
}
body>header nav .languages a.active{
    display:none
}
@media (max-width:71.24em){
    body>header{
        flex-wrap:wrap
    }
    body>header label{
        display:block
    }
    body>header nav{
        display:none;
        width:100%;
        padding:0 1em;
        background:#593a9f;
        background:var(--primary);
        -webkit-box-pack:start;
        justify-content:flex-start
    }
    body>header nav,body>header nav ul{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        flex-direction:column
    }
    body>header nav a{
        padding:.25rem 0;
        padding:var(--space-2) 0;
        width:100%
    }
    body>header nav a.active{
        border-bottom-width:thin;
        border-bottom-color:rgba(255,255,255,.25);
        border-bottom-color:var(--lighten-2)
    }
    body>header nav a:focus,body>header nav a:hover{
        background:rgba(0,0,0,.125);
        background:var(--darken-1)
    }
    body>header input[type=checkbox]:checked~nav{
        display:block
    }
}
body>main{
    -webkit-box-flex:1;
    flex-grow:1
}
body>main>section{
    margin:2rem 10vw;
    margin:2rem var(--container-margin);
    padding-left:0;
    padding-right:0
}
@media (max-width:44.99em){
    body>main>section{
        margin:1rem
    }
}
body>main>section.primary{
    background-color:#593a9f;
    background-color:var(--primary);
    color:#fff;
    color:var(--primary-txt)
}
body>main>section.accent{
    background-color:grey;
    background-color:var(--accent);
    color:#fff;
    color:var(--accent-txt)
}
body>footer{
    background-color:rgba(0,0,0,.125);
    background-color:var(--darken-1);
    color:#636363;
    color:var(--base-secondary-text);
    font-weight:200;
    padding:.5em 1em
}
body>footer .bottom-content{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto
}
body>footer a:hover{
    text-decoration:underline
}
body>footer .footer-header{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    font-weight:500;
    flex-wrap:wrap;
    text-transform:uppercase
}
body>footer .footer-header header{
    margin-right:.25rem;
    margin-right:var(--space-2)
}
body>footer .footer-header>div{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    margin-bottom:1rem
}
body>footer .footer-header>div ul.social-list{
    padding:0;
    margin:0;
    list-style:none;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
body>footer .footer-header>div ul.social-list li{
    display:inline-block;
    padding:.25rem;
    padding:var(--space-2)
}
body>footer .footer-header .follow a.social{
    opacity:.75;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    -webkit-transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
    transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
    transition:filter .3s cubic-bezier(.4,0,.2,1);
    transition:filter .3s cubic-bezier(.4,0,.2,1),-webkit-filter .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition:-webkit-filter var(--animation);
    transition:-webkit-filter var(--animation);
    transition:filter var(--animation);
    transition:filter var(--animation),-webkit-filter var(--animation)
}
body>footer .footer-header .follow a.social:focus,body>footer .footer-header .follow a.social:hover{
    opacity:1;
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
body>footer .footer-header .blog a{
    text-decoration:underline
}
body>footer .footer-header .email a{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
body>footer .footer-header .email a .icon{
    width:1em;
    height:1em
}
body>footer .footer-content{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:1rem;
    margin-top:var(--space-4)
}
body>footer .footer-content .subscribe a.btn{
    color:#424242;
    color:var(--link-secondary-text)
}
body>footer .footer-content section{
    margin:.25rem 1rem;
    margin:var(--space-2) var(--space-4)
}
@media (max-width:44.99em){
    body>footer .footer-content section{
        margin:.25rem 0;
        margin:var(--space-2) 0
    }
}
body>footer .footer-content section:first-child{
    margin-left:0
}
body>footer .footer-content section:last-child{
    margin-right:0
}
body>footer .footer-content section header{
    font-size:1.125rem;
    font-weight:600;
    margin-bottom:.25rem;
    margin-bottom:var(--space-2)
}
body>footer .footer-content section ul{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    list-style:none;
    padding:0;
    margin:.5rem 0;
    margin:var(--space-3) 0;
    font-weight:100;
    font-size:.9rem
}
body>footer .footer-content section ul li{
    margin:.125rem 0;
    margin:var(--space-1) 0
}
body>footer .footer-footer{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    -webkit-box-pack:justify;
    justify-content:space-between;
    margin-top:1rem;
    margin-top:var(--space-4)
}
@media (max-width:44.99em){
    body>footer .footer-footer{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        flex-direction:column;
        -webkit-box-align:start;
        align-items:start
    }
    body>footer .footer-footer>*{
        margin:.25rem 0;
        margin:var(--space-2) 0
    }
}
body>footer .footer-footer img{
    height:2rem;
    width:auto
}
a.btn,button,input[type=button],input[type=reset],input[type=submit],span.btn{
    display:-webkit-inline-box;
    display:inline-flex;
    -webkit-box-align:center;
    align-items:center;
    border:thin solid rgba(0,0,0,.5);
    border:thin solid var(--darken-3);
    background:rgba(0,0,0,.125);
    background:var(--darken-1);
    padding:.5rem;
    padding:var(--space-3);
    color:inherit;
    text-transform:uppercase;
    text-decoration:none;
    font-size:.875rem;
    font-weight:100;
    cursor:pointer;
    text-shadow:1px 0 0 rgba(255,255,255,.5);
    text-shadow:var(--extruded-light);
    --focus-color:var(--darken-1);
    --active-color:var(--darken-1)
}
a.btn.btn-lg,button.btn-lg,input[type=button].btn-lg,input[type=reset].btn-lg,input[type=submit].btn-lg,span.btn.btn-lg{
    padding:.5rem 1rem;
    font-size:1.25rem;
    line-height:1.5;
    border-radius:.3rem
}
a.btn.primary,button.primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary,span.btn.primary{
    background-color:#593a9f;
    background-color:var(--primary);
    color:#fff;
    color:var(--primary-txt);
    text-shadow:1px 0 0 rgba(0,0,0,.5);
    text-shadow:var(--extruded-dark);
    --focus-color:var(--lighten-1);
    --active-color:var(--lighten-1)
}
a.btn.btn-icon-only,button.btn-icon-only,input[type=button].btn-icon-only,input[type=reset].btn-icon-only,input[type=submit].btn-icon-only,span.btn.btn-icon-only{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    background:rgba(255,255,255,.125);
    background:var(--lighten-1);
    border-radius:50%;
    margin-left:1ch;
    padding:.25rem;
    padding:var(--space-2);
    border-color:transparent
}
a.btn.btn-icon-only .icon,button.btn-icon-only .icon,input[type=button].btn-icon-only .icon,input[type=reset].btn-icon-only .icon,input[type=submit].btn-icon-only .icon,span.btn.btn-icon-only .icon{
    margin:.25rem;
    margin:var(--space-2);
    --size:1.5rem;
    width:1.5rem;
    width:var(--size,1.5rem);
    height:1.5rem;
    height:var(--size,1.5rem);
    display:inline-block;
    content:"";
    background-repeat:no-repeat
}
a.btn:focus,a.btn:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover,span.btn:focus,span.btn:hover{
    background-image:-webkit-gradient(linear,left top,right top,from(var(--focus-color)),to(var(--focus-color)));
    background-image:linear-gradient(90deg,var(--focus-color),var(--focus-color));
    text-decoration:none
}
a.btn .icon,button .icon,input[type=button] .icon,input[type=reset] .icon,input[type=submit] .icon,span.btn .icon{
    --size:1rem;
    width:1rem;
    width:var(--size,1rem);
    height:1rem;
    height:var(--size,1rem)
}
a.btn[aria-disabled],button[aria-disabled],form:invalid button,span.btn[aria-disabled]{
    opacity:.5;
    cursor:not-allowed;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
a.goto-top{
    position:fixed;
    display:-webkit-box;
    display:flex;
    bottom:2em;
    right:2em;
    height:1em;
    -webkit-box-pack:center;
    justify-content:center;
    border:.75em solid #593a9f;
    border:.75em solid var(--primary);
    font-size:200%;
    background-color:#593a9f;
    background-color:var(--primary);
    color:#fff;
    color:var(--primary-txt);
    border-radius:50%
}
a.goto-top,a.social{
    width:1em;
    -webkit-box-align:center;
    align-items:center
}
a.social{
    display:-webkit-inline-box;
    display:inline-flex;
    margin:.125rem;
    margin:var(--space-1);
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat;
    text-decoration:none;
    overflow:hidden
}
a.social:focus,a.social:hover{
    text-decoration:underline
}
.jumbo{
    position:relative;
    height:calc(100vh - 3.25rem);
    height:calc(100vh - var(--toolbar-height));
    max-width:100%;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center
}
.jumbo img.jumbo-logo{
    max-width:100%;
    width:400px;
    width:var(--jumbo-logo-width,400px);
    height:auto;
    -webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));
    -webkit-filter:drop-shadow(0 1px 1px var(--darken-3));
    filter:drop-shadow(0 1px 1px var(--darken-3))
}
.jumbo p{
    margin:.25rem 0;
    margin:var(--space-2) 0;
    font-size:2rem
}
.jumbo .jumbo-cover{
    background-size:cover;
    background-attachment:fixed;
    background-position:50%;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.jumbo #jumbo-img{
    display:none
}
.jumbo #jumbo-overlay{
    background-color:#593a9f;
    background-color:var(--primary);
    -webkit-transition:opacity .5s;
    transition:opacity .5s;
    -webkit-transition:opacity var(--jumbo-overlay-transition,.4s);
    transition:opacity var(--jumbo-overlay-transition,.4s);
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:1
}
.jumbo #jumbo-overlay.show{
    opacity:.6;
    opacity:var(--jumbo-overlay-opacity,.6)
}
.jumbo .inner-wrapper{
    max-width:75vw
}
.jumbo .inner-wrapper .inner{
    padding:1rem;
    padding:var(--space-4);
    color:#fff;
    color:var(--primary-txt);
    position:relative;
    overflow:hidden;
    text-align:center;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.jumbo .inner-wrapper .inner h2{
    font-size:2rem;
    margin:.5rem 0;
    margin:var(--space-3) 0;
    font-weight:700
}
.jumbo .inner-wrapper .inner h3{
    font-size:1.8rem;
    margin:.5rem 0;
    margin:var(--space-3) 0
}
.jumbo .inner-wrapper .inner a{
    -ms-grid-row-align:center;
    align-self:center;
    margin:.5em
}
.jumbo .scroll-down{
    position:absolute;
    bottom:2rem;
    left:0;
    -webkit-transform:translateX(50vw);
    transform:translateX(50vw);
    -webkit-transform-origin:center center;
    transform-origin:center center;
    color:#fff;
    color:var(--base,#fff)
}
.jumbo .scroll-down .icon{
    height:2.5em;
    width:1.5em
}
.jumbo .scroll-down .icon .scroller{
    -webkit-animation:scrollDownMove .8s ease-in-out infinite alternate;
    animation:scrollDownMove .8s ease-in-out infinite alternate
}
@-webkit-keyframes scrollDownMove{
    0%{
        -webkit-transform:translateY(-.15em);
        transform:translateY(-.15em)
    }
    to{
        -webkit-transform:translateY(.65em);
        transform:translateY(.65em)
    }
}
@keyframes scrollDownMove{
    0%{
        -webkit-transform:translateY(-.15em);
        transform:translateY(-.15em)
    }
    to{
        -webkit-transform:translateY(.65em);
        transform:translateY(.65em)
    }
}
@media (max-width:59.99em){
    .jumbo .inner{
        max-width:80vw;
        padding:0
    }
    .jumbo .inner h1{
        font-size:1.5rem
    }
    .jumbo .inner h1 img{
        max-width:100%
    }
}
.hero .description,.hero h1{
    padding:2rem 10vw;
    padding:2rem var(--container-margin)
}
.hero .description{
    background:#f8f8ff;
    background:var(--color-hero);
    border-top:thin solid rgba(0,0,0,.125);
    border-top:thin solid var(--darken-1);
    border-bottom:thin solid rgba(0,0,0,.125);
    border-bottom:thin solid var(--darken-1)
}
#TableOfContents ul{
    padding-left:1em;
    list-style:none
}
#TableOfContents ul li{
    font-size:1rem;
    margin:.125rem 0;
    margin:var(--space-1) 0;
    padding:.125rem 0;
    padding:var(--space-1) 0
}
#TableOfContents ul li a{
    color:#593a9f;
    color:var(--primary);
    text-decoration:none
}
#TableOfContents ul li a:focus,#TableOfContents ul li a:hover{
    text-decoration:underline
}
#TableOfContents>ul>li>ul>li>a{
    font-weight:700
}
.speakers ul li .speaker{
    text-decoration:none;
    color:inherit
}
.speakers ul li .speaker,.speakers ul li .speaker .info{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center
}
.speakers ul li .speaker .speaker-img{
    --size:8rem;
    height:8rem;
    height:var(--size,8rem);
    min-width:8rem;
    min-width:var(--size,8rem);
    border-radius:100%;
    background-size:cover;
    margin:.25rem;
    margin:var(--space-2)
}
.speakers ul li .speaker .speaker-company img{
    max-height:2rem;
    margin:.125rem;
    margin:var(--space-1)
}
.speakers ul li .speaker .speaker-company figcaption{
    display:none
}
.speakers ul li .speaker .speaker-name{
    font-weight:600;
    margin:.125rem;
    margin:var(--space-1)
}
.speakers ul li .speaker .speaker-company{
    font-weight:200;
    opacity:.8;
    margin:.125rem;
    margin:var(--space-1)
}
.tickets ul{
    list-style:none;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
    width:100%;
    padding-left:0
}
.tickets ul li{
    flex-basis:15rem
}
.tickets ul li .ticket{
    margin:1rem;
    margin:var(--space-4);
    padding:2rem .5rem;
    padding:2rem var(--space-3);
    border:thin solid rgba(0,0,0,.125);
    border:thin solid var(--darken-1);
    box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
    box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center;
    text-decoration:none;
    color:inherit
}
.tickets ul li .ticket[aria-disabled]{
    opacity:.5;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    cursor:not-allowed
}
.tickets ul li .ticket .ticket-name{
    font-size:1rem
}
.tickets ul li .ticket .ticket-price{
    font-size:3.5rem;
    color:#593a9f;
    color:var(--primary);
    font-weight:200
}
.tickets ul li .ticket .ticket-date,.tickets ul li .ticket .ticket-info{
    font-size:.75rem;
    color:rgba(0,0,0,.5);
    color:var(--darken-3)
}
.tickets ul li .ticket .btn{
    margin:1rem;
    margin:var(--space-4)
}
.partners-group h3{
    text-align:center;
    margin:1rem 0;
    margin:var(--space-4) 0
}
.partners-group ul{
    list-style:none;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    justify-content:center;
    padding:0
}
.partners-group ul li{
    flex-basis:160px;
    margin:.5rem;
    margin:var(--space-3);
    height:60px;
    height:var(--partner-support-height)
}
.partners-group .partner{
    padding:.5rem;
    padding:var(--space-3);
    display:block;
    height:100%;
    width:100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    background-origin:content-box;
    box-shadow:0 0 2px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.15);
    box-shadow:var(--box-shadow-1);
    -webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition:box-shadow var(--animation);
    transition:box-shadow var(--animation);
    cursor:pointer;
    color:transparent
}
.partners-group .partner:focus,.partners-group .partner:hover{
    box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);
    box-shadow:var(--box-shadow-2)
}
.partners-group.partner-organisation ul li{
    height:180px;
    height:var(--partner-organisation-height);
    flex-basis:320px
}
.partners-group.partner-sponsors ul li,.partners-group.partner-startup ul li{
    height:120px;
    height:var(--partner-sponsors-height);
    flex-basis:200px
}
.partners-group.partner-partners ul li,.partners-group.partner-startup ul li{
    height:120px;
    height:var(--partner-partners-height);
    flex-basis:200px
}
.partners-group .fancy{
    line-height:.5;
    text-align:center;
    color:#636363;
    color:var(--base-secondary-text)
}
.partners-group .fancy span{
    display:inline-block;
    position:relative;
    text-transform:capitalize
}
.partners-group .fancy span:after,.partners-group .fancy span:before{
    top:40%;
    content:"";
    position:absolute;
    height:5px;
    width:140%;
    max-width:25vw
}
.partners-group .fancy span:before{
    right:100%;
    margin-right:15px
}
.partners-group .fancy span:after{
    left:100%;
    margin-left:15px
}
.partners-group.partner-organisation .fancy{
    font-size:1.5em;
    color:#73737a;
    color:var(--color-platium)
}
.partners-group.partner-organisation .fancy span:after,.partners-group.partner-organisation .fancy span:before{
    border-bottom:1px solid;
    border-top:1px solid
}
.partners-group.partner-sponsors .fancy{
    font-size:1.33em;
    color:#b7935b;
    color:var(--color-sponsors)
}
.partners-group.partner-sponsors .fancy span:after,.partners-group.partner-sponsors .fancy span:before{
    top:20%;
    border-bottom:1px solid
}
.tag-method-tools{
    background-color:#e6f5c9;
    background-color:var(--method-tools)
}
.tag-native-mobile-apps{
    background-color:#fdcdac;
    background-color:var(--native-mobile-apps)
}
.tag-web{
    background-color:#fff2ae;
    background-color:var(--web)
}
.tag-big-data-ml-ai{
    background-color:#cbd5e8;
    background-color:var(--big-data-ml-ai)
}
.tag-iot{
    background-color:#ccc;
    background-color:var(--iot)
}
.tag-cloud-infra{
    background-color:#f4cae4;
    background-color:var(--cloud)
}
.tag-languages{
    background-color:#b3e2cd;
    background-color:var(--languages)
}
.tag-wtf{
    background-color:#f1e2cc;
    background-color:var(--wtf)
}
.tag-keynote{
    background-color:#afeeee;
    background-color:var(--keynote)
}
.tag-office-hours{
    background-color:#fffaf0;
    background-color:var(--office-hours)
}
.tag-general{
    background-color:#ccc;
    background-color:var(--general)
}
section .tags{
    padding:.125rem;
    padding:var(--space-1);
    border-radius:.25rem;
    border-radius:var(--space-2);
    background:rgba(0,0,0,.125);
    background:var(--darken-1);
    border:thin solid rgba(0,0,0,.25);
    border:thin solid var(--darken-2);
    text-shadow:1px 0 0 rgba(255,255,255,.5);
    text-shadow:var(--extruded-light)
}
.tag-open{
    background-image:url(/2021/images/backgrounds/open.jpg)
}
.tag-pause{
    background-image:url(/2021/images/backgrounds/pause.jpg)
}
.tag-lunch{
    background-image:url(/2021/images/backgrounds/lunch.jpg)
}
.tag-party{
    background-image:url(/2021/images/backgrounds/party.jpg)
}
.icon{
    --size:1em;
    height:1em;
    height:var(--size,1em);
    min-width:1em;
    min-width:var(--size,1em);
    display:inline-block;
    background-repeat:no-repeat;
    margin-right:.125rem;
    margin-right:var(--space-1)
}
a .icon.icon-calendar,a .icon.icon-email,a .icon.icon-pdf,a .icon.icon-subscribe{
    margin-right:.5rem;
    margin-right:var(--space-3)
}
a .icon.icon-right{
    margin-left:.5rem;
    margin-left:var(--space-3)
}
.type-conference{
    --duration:"50"
}
.type-quickie{
    --duration:"25"
}
.type-keynote,.type-office-hours{
    --duration:"50"
}
form{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
form button,form input[type=button],form input[type=reset],form input[type=submit]{
    align-self:flex-end
}
form input{
    background:transparent;
    border:none;
    border-bottom:.125rem solid rgba(0,0,0,.25);
    border-bottom:var(--space-1) solid var(--darken-2);
    -webkit-transition:border .3s cubic-bezier(.4,0,.2,1);
    transition:border .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition:border var(--animation);
    transition:border var(--animation);
    margin:.5rem 0;
    margin:var(--space-3) 0;
    outline:thin dotted transparent;
    font-size:1rem;
    line-height:1.5rem;
    padding:.25rem;
    padding:var(--space-2);
    border-radius:.125rem;
    border-radius:var(--space-1);
    color:#424242;
    color:var(--base-text)
}
form input::-webkit-input-placeholder{
    color:rgba(0,0,0,.5);
    color:var(--darken-3)
}
form input::-moz-placeholder{
    color:rgba(0,0,0,.5);
    color:var(--darken-3)
}
form input:-ms-input-placeholder{
    color:rgba(0,0,0,.5);
    color:var(--darken-3)
}
form input::-ms-input-placeholder{
    color:rgba(0,0,0,.5);
    color:var(--darken-3)
}
form input::placeholder{
    color:rgba(0,0,0,.5);
    color:var(--darken-3)
}
form input:focus{
    border-bottom-color:#593a9f;
    border-bottom-color:var(--primary)
}
form input:invalid{
    border-bottom-color:#b22222;
    border-bottom-color:var(--color-error)
}
.album{
    padding:.25rem;
    padding:var(--space-2)
}
.album .img{
    background-size:cover;
    background-position:50%
}
.album .inner{
    padding:1rem;
    padding:var(--space-4);
    background-color:#593a9f;
    background-color:var(--primary);
    color:#fff;
    color:var(--primary-txt);
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
    text-align:center
}
@supports (grid-template-columns:repeat(5,1fr)){
    .album{
        padding:.25rem;
        padding:var(--space-2);
        display:-ms-grid;
        display:grid;
        grid-gap:.25rem;
        grid-gap:var(--space-2);
        -ms-grid-columns:(1fr)[5];
        grid-template-columns:repeat(5,1fr);
        -ms-grid-rows:(30vh)[3];
        grid-template-rows:repeat(3,30vh);
        grid-auto-flow:dense
    }
    .album .img{
        background-size:cover;
        background-position:50%
    }
    .album .img:first-child,.album .img:nth-child(2),.album .img:nth-child(6),.album .img:nth-child(8),.album .inner{
        -ms-grid-column-span:2;
        grid-column:span 2
    }
    .album .img:nth-child(3){
        -ms-grid-column:5;
        grid-column:5;
        -ms-grid-row:1;
        -ms-grid-row-span:2;
        grid-row:1/3
    }
    .album .inner{
        -ms-grid-column:3;
        -ms-grid-column-span:2;
        grid-column:3/5;
        -ms-grid-row:2;
        grid-row:2
    }
    @media (max-width:59.99em){
        .album{
            -ms-grid-columns:(1fr)[3];
            grid-template-columns:repeat(3,1fr);
            -ms-grid-rows:(20vh)[5];
            grid-template-rows:repeat(5,20vh)
        }
        .album .img:first-child,.album .img:nth-child(7),.album .img:nth-child(8){
            -ms-grid-column-span:1;
            grid-column:span 1
        }
        .album .img:nth-child(2),.album .img:nth-child(4),.album .img:nth-child(6),.album .inner{
            -ms-grid-column-span:2;
            grid-column:span 2
        }
        .album .img:nth-child(3){
            -ms-grid-column:3;
            grid-column:3;
            -ms-grid-row:2;
            -ms-grid-row-span:2;
            grid-row:2/4
        }
        .album .inner{
            -ms-grid-column-span:3;
            grid-column:span 3;
            -ms-grid-row-span:5;
            grid-row:span 5
        }
    }
}
.home main>section{
    margin:0;
    padding:4rem
}
.home main>section h2{
    margin-bottom:1.5rem;
    padding:0;
    font-size:2rem;
    line-height:1.875rem;
    font-weight:300
}
.home main .info{
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap
}
.home main .info .wrapper{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto;
    display:-webkit-box;
    display:flex
}
@media (max-width:44.99em){
    .home main .info{
        text-align:center
    }
}
.home main .info .inner{
    -webkit-box-flex:1;
    flex:1 1 auto;
    max-width:33vw;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center
}
@media (max-width:71.24em){
    .home main .info .inner{
        max-width:100%
    }
}
.home main .info .numbers{
    -webkit-box-flex:1;
    flex:1 0 33vw;
    margin:0 2rem;
    min-width:33vw;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    width:100%
}
@media (max-width:44.99em){
    .home main .info .numbers{
        margin:0
    }
}
.home main .info .number strong{
    font-size:3.5rem;
    font-weight:100
}
.home main .info .number strong:after{
    content:"";
    display:block;
    height:.125rem;
    width:2rem;
    background-color:#593a9f;
    background-color:var(--primary)
}
.home main .info .number div{
    margin:.125rem 0;
    margin:var(--space-1) 0
}
.home main .speakers .inner,.home main .speakers ul{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto
}
.home main .speakers ul{
    padding-left:0;
    list-style:none;
    display:-webkit-box;
    display:flex;
    justify-content:space-around;
    -webkit-box-align:start;
    align-items:flex-start;
    flex-wrap:wrap
}
.home main .speakers ul li{
    margin:1rem;
    margin:var(--space-4)
}
.home main .speakers ul li:nth-child(n+32){
    display:none
}
.home main .subscribe{
    text-align:center;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center
}
.home main .youtube-section{
    text-align:center
}
.home main .youtube-section .inner{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto;
    padding:1rem;
    padding:var(--space-4);
    border-radius:.5rem;
    border-radius:var(--space-3);
    position:relative;
    overflow:hidden;
    text-shadow:0 1px 1px rgba(0,0,0,.5);
    text-shadow:0 1px 1px var(--darken-3);
    text-align:center
}
.home main .youtube-section .inner .youtube-player{
    border:4px solid #fff;
    background-color:#000
}
@media (max-width:59.99em){
    .home main .youtube-section .inner{
        padding:0;
        max-width:80vw
    }
}
.home main .tickets{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center
}
.home main .tickets p{
    font-size:80%
}
.home main .location{
    padding:0;
    position:relative;
    background:rgba(0,0,0,.125);
    background:var(--darken-1);
    font-weight:300
}
.home main .location .map{
    display:block;
    height:664px;
    background-position:50%;
    background-size:cover
}
.home main .location .description{
    display:inline-block;
    padding:1rem;
    padding:var(--space-4);
    width:400px;
    position:absolute;
    bottom:2rem;
    right:2rem;
    background-color:#593a9f;
    background-color:var(--primary);
    color:#fff;
    color:var(--primary-txt)
}
.home main .location .description .direction{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.home main .partners .inner h2{
    text-align:center
}
@supports (grid-template-columns:repeat(auto-fit,minmax(25vmin,1fr))){
    .home main .info .numbers{
        -webkit-box-pack:center;
        justify-content:center;
        display:grid;
        grid-template-columns:repeat(2,1fr)
    }
}
@media (max-width:59.99em){
    .home main>section{
        padding:2rem
    }
    .home main .location .description{
        position:relative;
        top:unset;
        bottom:unset;
        left:0;
        right:unset;
        width:100%
    }
}
.section.sessions ul.talks,.taxonomy.tags ul.talks{
    list-style:none;
    padding:0;
    margin:0;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap
}
.section.sessions ul.talks li.talk,.taxonomy.tags ul.talks li.talk{
    margin:1rem;
    -webkit-box-flex:1;
    flex:1 0 320px
}
.section.sessions ul.talks a,.taxonomy.tags ul.talks a{
    border:thin solid rgba(0,0,0,.125);
    border:thin solid var(--darken-1);
    box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
    box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
    -webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition:box-shadow var(--animation);
    transition:box-shadow var(--animation);
    border-radius:.25rem;
    border-radius:var(--space-2);
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    text-decoration:none;
    color:inherit;
    height:100%
}
.section.sessions ul.talks a:focus,.section.sessions ul.talks a:hover,.taxonomy.tags ul.talks a:focus,.taxonomy.tags ul.talks a:hover{
    box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
    box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
}
.section.sessions ul.talks a .info,.section.sessions ul.talks a h2,.taxonomy.tags ul.talks a .info,.taxonomy.tags ul.talks a h2{
    padding:1rem;
    padding:var(--space-4)
}
.section.sessions ul.talks a h2,.taxonomy.tags ul.talks a h2{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    align-items:center
}
.section.sessions ul.talks a hr,.taxonomy.tags ul.talks a hr{
    width:calc(100% - .5rem);
    width:calc(100% - var(--space-3));
    margin:0 auto
}
.section.sessions ul.talks a .info,.taxonomy.tags ul.talks a .info{
    -webkit-box-flex:1;
    flex-grow:1
}
.section.sessions ul.talks a .info .tags,.taxonomy.tags ul.talks a .info .tags{
    float:right
}
.section.sessions ul.talks a .info .presentation svg,.section.sessions ul.talks a .info .video svg,.taxonomy.tags ul.talks a .info .presentation svg,.taxonomy.tags ul.talks a .info .video svg{
    min-height:1.25em;
    max-width:3ch
}
.section.sessions ul.talks a .speakers,.taxonomy.tags ul.talks a .speakers{
    border:thin solid transparent;
    border-radius:.25rem;
    border-radius:var(--space-2);
    background:#fff;
    background:var(--base);
    padding-left:0
}
.section.sessions ul.talks a .speaker+.speaker,.taxonomy.tags ul.talks a .speaker+.speaker{
    border-top:thin solid rgba(0,0,0,.125);
    border-top:thin solid var(--darken-1)
}
@supports (grid-template-columns:repeat(auto-fit,minmax(320px,1fr))){
    .section.sessions ul.talks,.taxonomy.tags ul.talks{
        grid-template-columns:repeat(auto-fit,minmax(320px,1fr))
    }
}
.talk{
    margin:2rem auto 0;
    max-width:60rem;
    max-width:var(--block-text-max-width)
}
.talk .complexity:before{
    content:"Niveau : "
}
.talk .type:before{
    content:"Type : "
}
.talk .type:after{
    font-weight:100;
    content:" (" "" " min.)";
    content:" (" var(--duration,"") " min.)"
}
.talk .speakers .speaker{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    padding:.125rem .5rem;
    padding:var(--space-1) var(--space-3);
    background-color:#fff;
    background-color:var(--base);
    --img-size:2rem
}
.talk .speakers .speaker .speaker-img{
    --img-size:3rem;
    height:3rem;
    height:var(--img-size,3rem);
    min-width:3rem;
    min-width:var(--img-size,3rem);
    border-radius:100%;
    background-size:cover;
    margin-right:1rem;
    margin-right:var(--space-4)
}
.talk .speakers .speaker .info{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.talk .speakers .speaker .speaker-company{
    -webkit-box-flex:1;
    flex-grow:1;
    text-align:right;
    margin-left:.5rem;
    margin-left:var(--space-3)
}
.talk .speakers .speaker p{
    max-width:320px
}
.page.sessions .talk header{
    border-radius:.25rem;
    border-radius:var(--space-2);
    padding:.25rem;
    padding:var(--space-2);
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.page.sessions .talk header h1{
    -webkit-box-flex:1;
    flex-grow:1
}
.page.sessions .talk header .tags{
    margin-right:1ch;
    white-space:nowrap
}
.page.sessions .talk .detail{
    margin:.25rem 0;
    margin:var(--space-2) 0;
    padding:.25rem 0;
    padding:var(--space-2) 0;
    border-top:thin solid rgba(0,0,0,.125);
    border-top:thin solid var(--darken-1);
    border-bottom:thin solid rgba(0,0,0,.125);
    border-bottom:thin solid var(--darken-1)
}
.page.sessions .talk .content{
    margin:1rem 0;
    margin:var(--space-4) 0;
    -webkit-box-flex:1;
    flex:1 1 auto
}
.page.sessions .talk .content p{
    line-height:1.5;
    font-size:110%
}
.page.sessions .talk .content blockquote.twitter-tweet{
    border:thin solid rgba(0,0,0,.25);
    border:thin solid var(--darken-2);
    border-radius:.5em;
    padding:.75em
}
.page.sessions .talk .content blockquote.twitter-tweet p{
    margin:0
}
.page.sessions .talk .speakers .speaker{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:auto 1fr;
    grid-template-columns:auto 1fr;
    -ms-grid-rows:1fr auto auto;
    grid-template-rows:1fr auto auto
}
.page.sessions .talk .speakers .speaker .speaker-img{
    grid-row:1/-1;
    -ms-grid-row-align:center;
    align-self:center;
    --img-size:6rem;
    height:3rem;
    height:var(--img-size,3rem);
    min-width:3rem;
    min-width:var(--img-size,3rem);
    border-radius:100%;
    background-size:cover;
    margin-right:1rem;
    margin-right:var(--space-4)
}
.page.sessions .talk .speakers .speaker .speaker-company{
    text-align:left;
    margin-left:0
}
.page.sessions .talk .speakers{
    float:right;
    margin:.125rem .5rem;
    margin:var(--space-1) var(--space-3);
    list-style:none;
    padding:0;
    -ms-grid-row-align:start;
    align-self:start;
    border-radius:.25rem;
    border-radius:var(--space-2)
}
.page.sessions .talk .speakers .speaker{
    padding:.5rem;
    padding:var(--space-3);
    margin:1rem 0;
    margin:var(--space-4) 0;
    border:thin solid rgba(0,0,0,.125);
    border:thin solid var(--darken-1);
    box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
    box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
    -webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition:box-shadow var(--animation);
    transition:box-shadow var(--animation);
    border-radius:.25rem;
    border-radius:var(--space-2);
    text-decoration:none;
    color:inherit
}
.page.sessions .talk .speakers .speaker:focus,.page.sessions .talk .speakers .speaker:hover{
    box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
    box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
}
.page.sessions .talk .media{
    grid-column:1/-1
}
.page.sessions .talk .media a{
    padding:.5rem 0;
    padding:var(--space-3) 0;
    font-size:1rem
}
.page.sessions .talk .media .social-slides{
    width:auto;
    margin-top:1em;
    background:#593a9f;
    background:var(--primary);
    color:#fff;
    color:var(--primary-txt);
    font-size:1.25em;
    padding:.125em .75em;
    border-radius:1em
}
.page.sessions .talk .media .social-slides:active,.page.sessions .talk .media .social-slides:focus,.page.sessions .talk .media .social-slides:hover{
    box-shadow:.0625em .0625em .125em rgba(0,0,0,.5);
    box-shadow:.0625em .0625em .125em var(--darken-3)
}
.page.sessions .talk .media .social-slides svg{
    max-width:2ch
}
@media (max-width:59.99em){
    .page.talks .talk{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .page.sessions .talk .speakers{
        float:unset
    }
}
.page.partners .content img{
    width:50vw
}
.page.partners .header{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:auto 1fr;
    grid-template-columns:auto 1fr;
    grid-template-areas:"logo title" "logo website";
    -webkit-box-align:center;
    align-items:center
}
.page.partners .header .card{
    -ms-grid-row:1;
    -ms-grid-row-span:2;
    -ms-grid-column:1;
    grid-area:logo;
    height:8em;
    width:12em;
    display:inline-block;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    background-origin:content-box;
    padding:.25em;
    margin-right:1em;
    box-shadow:.125em .125em .25em rgba(0,0,0,.5)
}
.page.partners .header h1{
    -ms-grid-row:1;
    -ms-grid-column:2;
    grid-area:title;
    -ms-grid-row-align:end;
    align-self:end;
    font-size:2.5em
}
.page.partners .header a{
    -ms-grid-row:2;
    -ms-grid-column:2;
    grid-area:website;
    -ms-grid-row-align:start;
    align-self:start
}
.page.partners .socials ul{
    margin:0;
    list-style:none;
    padding-left:0;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    font-size:2em
}
.page.partners .socials ul li{
    margin:.25em
}
.page.partners .jobs ul{
    margin:0;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-box-align:center;
    align-items:center;
    list-style:none;
    padding-left:0
}
.page.partners .jobs ul .job{
    padding:.5em;
    margin:.5em;
    box-shadow:.125em .125em .25em rgba(0,0,0,.5);
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.page.partners .jobs ul .job header{
    font-size:1.1em;
    font-weight:700;
    font-style:italic;
    margin:.5em 0
}
.page.partners .jobs ul .job .city,.page.partners .jobs ul .job .contact{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    align-items:center;
    color:#666;
    margin:.25em 0
}
.page.partners .jobs ul .job .city .icon,.page.partners .jobs ul .job .contact .icon{
    width:2ch
}
.section.schedule .hero .description{
    display:-webkit-box;
    display:flex
}
.section.schedule .hero .description p+p{
    margin-left:1em
}
.section.schedule nav.day-tabs{
    font-size:2em;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    justify-content:space-between;
    align-self:center;
    padding:.5rem 10vw;
    padding:var(--space-3) var(--container-margin)
}
.section.schedule nav.day-tabs a{
    -webkit-box-flex:1;
    flex-grow:1;
    margin:.25rem 1rem;
    margin:var(--space-2) var(--space-4);
    border-radius:.5rem;
    border-radius:var(--space-3);
    text-align:center;
    color:#593a9f;
    color:var(--primary);
    background-color:#fff;
    background-color:var(--primary-txt)
}
.section.schedule nav.day-tabs a.active{
    background-color:#593a9f;
    background-color:var(--primary);
    color:#fff;
    color:var(--primary-txt)
}
.section.schedule main>section.schedule{
    margin:1rem 2rem 2rem;
    padding:.5rem 10vw;
    padding:var(--space-3) var(--container-margin)
}
.section.schedule main>section.schedule .day{
    display:none
}
.section.schedule main>section.schedule .day:target{
    display:block
}
.section.schedule h2{
    display:none
}
.section.schedule .room{
    -webkit-box-align:start;
    align-items:flex-start;
    color:#593a9f;
    color:var(--primary);
    margin:.125em
}
.section.schedule .room,.section.schedule .room h3{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    background-color:#fff;
    background-color:var(--primary-txt)
}
.section.schedule .room h3{
    border:solid;
    border-radius:.5rem;
    border-radius:var(--space-3);
    font-size:1.25em;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center;
    width:100%;
    padding:.5rem;
    padding:var(--space-3);
    height:3em;
    font-weight:700
}
.section.schedule .room h3 small{
    font-size:.75em;
    font-weight:400
}
.section.schedule .slot,.section.schedule .start{
    font-size:2em;
    color:#636363;
    color:var(--base-secondary-text)
}
.section.schedule .slot .mm,.section.schedule .start .mm{
    font-size:50%
}
.section.schedule .start{
    position:absolute;
    top:0;
    left:-3.5ch
}
.section.schedule .slot{
    display:none
}
.section.schedule .session{
    position:relative;
    margin:1rem 1rem 1rem 5ch;
    border-radius:.25rem;
    border-radius:var(--space-2)
}
.section.schedule .session.tag-lunch,.section.schedule .session.tag-open,.section.schedule .session.tag-party,.section.schedule .session.tag-pause{
    background-position:50%;
    background-size:cover;
    pointer-events:none
}
.section.schedule .session.tag-lunch>a,.section.schedule .session.tag-open>a,.section.schedule .session.tag-party>a,.section.schedule .session.tag-pause>a{
    box-shadow:none
}
.section.schedule .session.tag-lunch h4,.section.schedule .session.tag-open h4,.section.schedule .session.tag-party h4,.section.schedule .session.tag-pause h4{
    color:#fff;
    text-shadow:2px 1px 1px #000
}
.section.schedule .session .slot,.section.schedule .session.tag-lunch .tags,.section.schedule .session.tag-office-hours .tags,.section.schedule .session.tag-open .tags,.section.schedule .session.tag-party .tags,.section.schedule .session.tag-pause .tags{
    display:none
}
.section.schedule .session>a{
    border:thin solid rgba(0,0,0,.125);
    border:thin solid var(--darken-1);
    box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
    box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
    -webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition:box-shadow var(--animation);
    transition:box-shadow var(--animation);
    border-radius:.25rem;
    border-radius:var(--space-2);
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    text-decoration:none;
    color:inherit;
    height:100%
}
.section.schedule .session>a:focus,.section.schedule .session>a:hover{
    box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
    box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
}
.section.schedule .session>a .info,.section.schedule .session>a h4{
    padding:.25rem;
    padding:var(--space-2)
}
.section.schedule .session>a h4{
    text-shadow:2px 1px 1px #fff;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    align-items:center
}
.section.schedule .session>a hr{
    width:calc(100% - .5rem);
    width:calc(100% - var(--space-3));
    margin:0 auto
}
.section.schedule .session>a .info{
    -webkit-box-flex:1;
    flex-grow:1
}
.section.schedule .session>a .info .complexity,.section.schedule .session>a .info .presentation,.section.schedule .session>a .info .video{
    float:left;
    clear:left;
    display:inline;
    max-height:1.5em
}
.section.schedule .session>a .info .complexity svg,.section.schedule .session>a .info .presentation svg,.section.schedule .session>a .info .video svg{
    height:1.5em;
    max-width:1.5em
}
.section.schedule .session>a .info .tags{
    float:right
}
.section.schedule .session>a .speakers{
    border:thin solid transparent;
    border-top-color:rgba(0,0,0,.125);
    border-top:thin solid var(--darken-1);
    border-radius:.25rem;
    border-radius:var(--space-2);
    background:#fff;
    background:var(--base);
    padding:0;
    margin:0;
    list-style:none
}
.section.schedule .session>a .speaker{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    padding:.125rem .5rem;
    padding:var(--space-1) var(--space-3)
}
.section.schedule .session>a .speaker .speaker-img{
    --img-size:2rem;
    height:3rem;
    height:var(--img-size,3rem);
    min-width:3rem;
    min-width:var(--img-size,3rem);
    border-radius:100%;
    background-size:cover;
    margin-right:1rem;
    margin-right:var(--space-4)
}
.section.schedule .session>a .speaker .info{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.section.schedule .session>a .speaker .speaker-company{
    -webkit-box-flex:1;
    flex-grow:1;
    text-align:right;
    margin-left:.5rem;
    margin-left:var(--space-3)
}
.section.schedule .session>a .speaker p{
    max-width:320px
}
@supports (grid-template-columns:repeat(calc(var(--rooms) + 1),1fr)){
    .section.schedule main>section.schedule .day{
        -ms-grid-columns:auto (1fr)[var(--rooms)];
        grid-template-columns:auto repeat(var(--rooms),1fr);
        --dayStart:60 * var(--dayStartH) + var(--dayStartM);
        --dayEnd:60 * var(--dayEndH) + var(--dayEndM);
        -ms-grid-rows:4em (4.5em)[calc(var(--end) - 1)];
        grid-template-rows:4em repeat(calc(var(--end) - 1),4.5em);
        -ms-grid-rows:4em (var(--base-grid-height,6em))[calc(var(--end) - 1)];
        grid-template-rows:4em repeat(calc(var(--end) - 1),var(--base-grid-height,6em));
        grid-gap:.125em .25em
    }
    .section.schedule main>section.schedule .day:target{
        display:-ms-grid;
        display:grid
    }
    .section.schedule main>section.schedule .day .slot{
        display:block;
        -ms-grid-column:1;
        -ms-grid-column-span:1;
        grid-column:1/2;
        --start:calc(1 + var(--row-start));
        --end:calc(1 + var(--row-end));
        grid-row:var(--start)/var(--end);
        background-color:#f8f8ff;
        background-color:var(--color-hero)
    }
    .section.schedule main>section.schedule .day .room{
        grid-column:calc(var(--room) + 2);
        grid-row:1/-1
    }
    .section.schedule main>section.schedule .day .room.even{
        background-color:#f8f8ff;
        background-color:var(--color-hero)
    }
    .section.schedule main>section.schedule .day .session{
        margin:.125em;
        z-index:2;
        --start:calc(1 + var(--row-start));
        --end:calc(1 + var(--row-end));
        grid-column:calc(var(--room) + 2);
        grid-row:var(--start)/var(--end)
    }
    .section.schedule main>section.schedule .day .session.tag-pause{
        z-index:0;
        grid-column:2/-1
    }
    .section.schedule main>section.schedule .day .session.tag-lunch h4,.section.schedule main>section.schedule .day .session.tag-open h4,.section.schedule main>section.schedule .day .session.tag-party h4{
        font-size:2em
    }
    .section.schedule main>section.schedule .day .session.tag-lunch,.section.schedule main>section.schedule .day .session.tag-open,.section.schedule main>section.schedule .day .session.tag-party{
        grid-column:2/-1;
        z-index:1
    }
    .section.schedule main>section.schedule .day .session.tag-office-hours{
        margin:.5rem;
        margin:var(--space-3)
    }
    .section.schedule main>section.schedule .day .session.tag-office-hours .speakers.multi{
        padding-top:.125em;
        flex-wrap:wrap
    }
    .section.schedule main>section.schedule .day .session .start{
        display:none
    }
    .section.schedule main>section.schedule .day .session .speakers.multi{
        display:-webkit-box;
        display:flex;
        -webkit-box-pack:space-evenly;
        justify-content:space-evenly
    }
    .section.schedule main>section.schedule .day .session .speakers.multi .speaker{
        position:relative;
        border-top:none
    }
    .section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-img{
        margin-right:.125rem;
        margin-right:var(--space-1)
    }
    .section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-name{
        background:#fff;
        background:var(--base);
        z-index:100;
        border-radius:.25rem;
        border-radius:var(--space-2);
        border:thin solid rgba(0,0,0,.125);
        border:thin solid var(--darken-1);
        box-shadow:1px 1px .125rem rgba(0,0,0,.125);
        box-shadow:1px 1px var(--space-1) var(--darken-1);
        padding:.125rem;
        padding:var(--space-1);
        position:absolute;
        top:0;
        right:0;
        -webkit-transform:translateX(50%) translateY(-75%);
        transform:translateX(50%) translateY(-75%);
        display:none
    }
    .section.schedule main>section.schedule .day .session .speakers.multi .speaker:focus .speaker-name,.section.schedule main>section.schedule .day .session .speakers.multi .speaker:hover .speaker-name{
        display:block
    }
    .section.schedule main>section.schedule.horizontal .day{
        overflow:auto;
        -ms-grid-rows:auto (1fr)[var(--rooms)];
        grid-template-rows:auto repeat(var(--rooms),1fr);
        --dayStart:60 * var(--dayStartH) + var(--dayStartM);
        --dayEnd:60 * var(--dayEndH) + var(--dayEndM);
        -ms-grid-columns:7em (4.5em)[calc(var(--end) - 1)];
        grid-template-columns:7em repeat(calc(var(--end) - 1),4.5em);
        -ms-grid-columns:7em (var(--base-grid-height,6em))[calc(var(--end) - 1)];
        grid-template-columns:7em repeat(calc(var(--end) - 1),var(--base-grid-height,6em));
        grid-auto-flow:dense
    }
    .section.schedule main>section.schedule.horizontal .day .slot{
        display:block;
        -ms-grid-row:1;
        -ms-grid-row-span:1;
        grid-row:1/2;
        --start:calc(1 + var(--row-start));
        --end:calc(1 + var(--row-end));
        grid-column:var(--start)/var(--end);
        background-color:#f8f8ff;
        background-color:var(--color-hero)
    }
    .section.schedule main>section.schedule.horizontal .day .room{
        grid-row:calc(var(--room) + 2);
        grid-column:1/-1;
        -webkit-box-pack:start;
        justify-content:flex-start
    }
    .section.schedule main>section.schedule.horizontal .day .room h3{
        padding:.25em;
        height:100%;
        width:5.5em;
        max-width:5.5em;
        text-align:center;
        -webkit-text-orientation:upright;
        text-orientation:upright
    }
    .section.schedule main>section.schedule.horizontal .day .session{
        --start:calc(1 + var(--row-start));
        --end:calc(1 + var(--row-end));
        grid-row:calc(var(--room) + 2);
        grid-column:var(--start)/var(--end)
    }
    .section.schedule main>section.schedule.horizontal .day .session.tag-lunch,.section.schedule main>section.schedule.horizontal .day .session.tag-open,.section.schedule main>section.schedule.horizontal .day .session.tag-party,.section.schedule main>section.schedule.horizontal .day .session.tag-pause{
        grid-row:2/-1
    }
    .section.schedule main>section.schedule.horizontal .day .session h4{
        overflow:hidden
    }
}
@media (max-width:79.99em){
    .section.schedule main>section.schedule{
        --container-margin:0em
    }
}
@media (max-width:59.99em){
    .section.schedule main>section.schedule .day .session{
        --container-margin:0em;
        margin:1rem .5rem 2rem 2.25em
    }
    .section.schedule main>section.schedule .day .session .start{
        display:block
    }
    @supports (grid-template-columns:repeat(calc(var(--rooms) + 1),1fr)){
        .section.schedule main>section.schedule .day:target{
            display:-webkit-box;
            display:flex;
            -webkit-box-orient:vertical;
            -webkit-box-direction:normal;
            flex-direction:column
        }
        .section.schedule main>section.schedule .day .slot{
            display:none
        }
        .section.schedule main>section.schedule .day .room{
            -webkit-box-align:start;
            align-items:flex-start;
            margin-top:1em
        }
    }
}
@media print{
    .section.schedule main section.schedule .session{
        font-size:24px
    }
    .section.schedule main section.schedule .session.format-quickie{
        font-size:18px
    }
    .section.schedule main section.schedule .session a,.section.schedule main section.schedule .session h4{
        background:inherit;
        text-shadow:none;
        box-shadow:none
    }
    .section.schedule main>section.schedule .day .session .speakers.multi{
        display:block
    }
    .section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-name{
        position:relative;
        -webkit-transform:none;
        transform:none;
        border:none;
        display:block;
        box-shadow:none
    }
}
.section.speakers .hero h1{
    padding:2rem 10vw;
    padding:2rem var(--container-margin)
}
.section.speakers ul.speakers{
    list-style:none;
    padding:0;
    margin:0;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap
}
.section.speakers ul.speakers>li{
    margin:1rem;
    -webkit-box-flex:1;
    flex:1 0 300px;
    max-width:450px
}
.section.speakers a.speaker{
    padding:1rem;
    padding:var(--space-4);
    border:thin solid rgba(0,0,0,.125);
    border:thin solid var(--darken-1);
    box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
    box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
    -webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition:box-shadow var(--animation);
    transition:box-shadow var(--animation);
    border-radius:.25rem;
    border-radius:var(--space-2);
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    height:100%
}
.section.speakers a.speaker .speaker-img{
    margin-right:1rem;
    margin-right:var(--space-4)
}
.section.speakers a.speaker .speaker-company{
    margin-top:.5rem;
    margin-top:var(--space-3);
    text-align:center
}
.section.speakers a.speaker .speaker-company img{
    max-width:100%
}
.section.speakers a.speaker .speaker-company figcaption{
    display:block;
    max-width:200px
}
.section.speakers a.speaker:focus,.section.speakers a.speaker:hover{
    box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
    box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
}
.page.speakers .hero,.page.speakers main{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.page.speakers .hero .description,.page.speakers .hero header{
    padding:1rem 10vw;
    padding:var(--space-4) var(--container-margin)
}
.page.speakers .hero header{
    align-self:center;
    padding-left:0;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.page.speakers .hero header .speaker-img{
    --size:6rem;
    height:6rem;
    height:var(--size,6rem);
    min-width:6rem;
    min-width:var(--size,6rem);
    border-radius:100%;
    background-size:cover;
    box-shadow:0 0 .5rem rgba(0,0,0,.5);
    box-shadow:0 0 var(--space-3) var(--darken-3);
    margin-right:1rem;
    margin-right:var(--space-4)
}
.page.speakers .hero header h1{
    margin:0;
    padding:0
}
.page.speakers .hero header ul.socials{
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    padding:0;
    margin:0;
    font-size:1.25em;
    -webkit-box-pack:start;
    justify-content:flex-start
}
.page.speakers .hero header ul.socials li{
    -webkit-box-flex:0;
    flex:0 1 auto;
    padding-right:1rem;
    padding-right:var(--space-4)
}
.page.speakers .hero header ul.socials li a.social{
    width:auto;
    color:inherit
}
.page.speakers .hero header ul.socials li a.social .icon{
    width:1em
}
.page.speakers .hero .description .talks{
    margin:1rem auto;
    max-width:60rem;
    max-width:var(--block-text-max-width);
    padding-left:0;
    list-style:none
}
.page.speakers .hero .description .talks .talk{
    margin-top:1rem;
    border:thin solid rgba(0,0,0,.125);
    border:thin solid var(--darken-1);
    display:-webkit-inline-box;
    display:inline-flex;
    padding:.25rem;
    padding:var(--space-2);
    border-radius:.125rem;
    border-radius:var(--space-1)
}
.page.speakers .hero .description .talks .talk .language,.page.speakers .hero .description .talks .talk .tags{
    margin-right:1ch
}
.page.speakers .hero .description .talks .talk .tags{
    white-space:nowrap;
    -ms-grid-row-align:center;
    align-self:center
}
.page.speakers .hero .description .talks .talk.tag-{
    display:none
}
.page.speakers section.speaker{
    -ms-grid-row-align:center;
    align-self:center;
    margin:1rem auto;
    max-width:60rem;
    max-width:var(--block-text-max-width)
}
.page.speakers section.speaker header{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    justify-content:space-between
}
.page.speakers section.speaker .speaker-company{
    margin:.5rem 0;
    margin:var(--space-3) 0;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.page.speakers section.speaker p{
    line-height:1.5;
    font-size:110%
}
@media (max-width:var(--breakpoint-lg)){
    .section.blog main>section{
        margin:2rem 3vw;
        margin:2rem var(--container-margin-mobile)
    }
}
.section.blog main .blogs,.section.blog main h1{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto
}
.section.blog .blogs a.blog-links{
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px)
}
.section.blog .blogs a.blog{
    text-decoration:none;
    padding:1rem;
    padding:var(--space-4);
    border-radius:.5rem;
    border-radius:var(--space-3);
    display:-webkit-box;
    display:flex;
    color:inherit;
    border-bottom:thin solid rgba(0,0,0,.125);
    border-bottom:thin solid var(--darken-1)
}
@media (max-width:44.99em){
    .section.blog .blogs a.blog{
        padding:.25rem;
        padding:var(--space-2)
    }
}
.section.blog .blogs a.blog .img{
    display:inline-block;
    background-position:50%;
    background-size:cover;
    --size:16rem;
    -webkit-box-flex:0;
    flex:0 0 16rem;
    flex:0 0 var(--size,16rem);
    height:16rem;
    height:var(--size,16rem);
    width:16rem;
    width:var(--size,16rem);
    border-radius:.25rem;
    border-radius:var(--space-2)
}
.section.blog .blogs a.blog .info{
    -webkit-box-flex:1;
    flex:1 1 auto;
    margin-left:1rem;
    margin-left:var(--space-4);
    -webkit-box-pack:center;
    justify-content:center
}
.section.blog .blogs a.blog .info h2{
    margin:.5rem 0;
    margin:var(--space-3) 0
}
.section.blog .blogs a.blog .info .reading{
    align-self:flex-end
}
.section.blog .blogs a.blog .info .reading:after{
    content:" min."
}
.section.blog .blogs a.blog .info .date{
    align-self:flex-start;
    color:#636363;
    color:var(--base-secondary-text)
}
.section.blog .blogs a.blog .info p{
    line-height:1.75
}
@media (max-width:59.99em){
    .section.blog .blogs a{
        -ms-grid-rows:auto 1fr;
        grid-template-rows:auto 1fr;
        -ms-grid-columns:auto;
        grid-template-columns:auto
    }
    .section.blog .blogs a .img{
        width:100%
    }
}
@media (max-width:33.74em){
    .section.blog .blogs a.blog{
        display:block
    }
    .section.blog .blogs a.blog .img{
        display:none
    }
}
@media (max-width:59.99em){
    .section.blog .blogs a.blog{
        display:block
    }
    .section.blog .blogs a.blog .img{
        --size:8rem;
        float:left;
        margin-right:.5em
    }
}
.page.blog .hero .img{
    padding:10vw;
    padding:var(--container-margin);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    text-shadow:1px 0 0 rgba(255,255,255,.5);
    text-shadow:1px 0 0 var(--lighten-3);
    min-height:45vmin
}
.page.blog .hero h1{
    color:#593a9f;
    color:var(--primary);
    padding-left:0;
    padding-right:0
}
.page.blog .hero h1 small{
    display:block
}
.page.blog main .content,.page.blog main h1{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto
}
.page.blog .content{
    padding-left:0;
    padding-right:0;
    margin:2rem 10vw;
    margin:2rem var(--container-margin)
}
@media (max-width:44.99em){
    .page.blog .content{
        margin:1rem
    }
}
.page.blog .content img{
    max-width:100%
}
.page.blog .content .centered-img{
    text-align:center;
    margin:.5rem 0;
    margin:var(--space-3) 0
}
.page.blog .content h1,.page.blog .content h2,.page.blog .content h3,.page.blog .content h4,.page.blog .content h5,.page.blog .content h6{
    color:#593a9f;
    color:var(--primary);
    font-style:normal;
    font-weight:400
}
.page.blog .content h1,.page.blog .content h2,.page.blog .content h3{
    margin-top:1.25rem;
    margin-bottom:.625rem
}
.page.blog .content h4,.page.blog .content h5,.page.blog .content h6{
    margin-top:.625rem;
    margin-bottom:.625rem
}
.page.blog .content p{
    text-align:justify;
    margin-bottom:1.5rem;
    line-height:1.7rem
}
.page.blog .content ul{
    margin-left:1rem
}
.page.blog .content ul li{
    line-height:1.7rem
}
main>.kids .hero{
    position:relative
}
main>.kids .hero .img{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    text-shadow:1px 0 0 rgba(255,255,255,.5);
    text-shadow:1px 0 0 var(--lighten-3);
    min-height:45vmin
}
main>.kids .hero h1{
    position:absolute;
    bottom:0;
    max-width:1100px;
    max-width:var(--theJdrSize);
    color:#fff;
    color:var(--primary-txt);
    padding-left:0;
    padding-right:0;
    margin:0;
    font-size:3rem
}
main>.kids .hero h1 small{
    display:block;
    font-size:.6em
}
@media (max-width:44.99em){
    main>.kids .hero h1{
        font-size:2rem
    }
}
@media (max-width:33.74em){
    main>.kids .hero h1{
        font-size:1.5rem
    }
}
main>.kids .img-container{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row
}
@media (max-width:44.99em){
    main>.kids .img-container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        flex-direction:column;
        -webkit-box-align:center;
        align-items:center
    }
}
main>.kids .img-container img{
    margin:10px
}
main>.kids .content,main>.kids h1{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto
}
main>.kids .content{
    padding-left:0;
    padding-right:0
}
@media (max-width:44.99em){
    main>.kids .content{
        margin:1rem
    }
}
main>.kids .content img{
    max-width:100%
}
main>.kids .content .centered-img{
    text-align:center;
    margin:.5rem 0;
    margin:var(--space-3) 0
}
main>.kids .content h2,main>.kids .content h3,main>.kids .content h4,main>.kids .content h5,main>.kids .content h6{
    color:#593a9f;
    color:var(--primary);
    font-style:normal;
    font-weight:400
}
main>.kids .content h2,main>.kids .content h3{
    margin-top:1.25rem;
    margin-bottom:.625rem
}
main>.kids .content h4,main>.kids .content h5,main>.kids .content h6{
    margin-top:.625rem;
    margin-bottom:.625rem
}
main>.kids .content p{
    text-align:justify;
    margin-bottom:1.5rem;
    line-height:1.7rem
}
main>.kids .content ul{
    margin-left:1rem
}
main>.kids .content ul li{
    line-height:1.7rem
}
.section.team h2{
    margin:1rem 0;
    margin:var(--space-4) 0
}
.section.team ul.members{
    padding:0;
    margin:0;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap
}
.section.team ul.members>li{
    -webkit-box-flex:1;
    flex:1 1 300px;
    margin:2rem;
    display:-webkit-box;
    display:flex
}
.section.team ul.members>li .photo{
    --size:6rem;
    box-shadow:0 0 0 .25rem rgba(0,0,0,.25);
    box-shadow:0 0 0 var(--space-2) var(--darken-2);
    min-width:6rem;
    min-width:var(--size,6rem);
    height:6rem;
    height:var(--size,6rem);
    border-radius:100%;
    background-size:cover;
    margin:.25rem;
    margin:var(--space-2)
}
.section.team ul.members>li .label{
    display:-webkit-box;
    display:flex;
    margin-left:.5rem;
    margin-left:var(--space-3);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center
}
.section.team ul.members>li ul.socials{
    list-style:none;
    margin:0;
    padding:0;
    font-size:1.5em
}
.section.team ul.members>li ul.socials li{
    display:inline-block;
    opacity:.5;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    -webkit-transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
    transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
    transition:filter .3s cubic-bezier(.4,0,.2,1);
    transition:filter .3s cubic-bezier(.4,0,.2,1),-webkit-filter .3s cubic-bezier(.4,0,.2,1);
    -webkit-transition:-webkit-filter var(--animation);
    transition:-webkit-filter var(--animation);
    transition:filter var(--animation);
    transition:filter var(--animation),-webkit-filter var(--animation)
}
.section.team ul.members>li ul.socials li:focus,.section.team ul.members>li ul.socials li:hover{
    opacity:1;
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.section.team .partners-group ul li{
    flex-basis:260px;
    margin:.5rem;
    margin:var(--space-3);
    height:120px;
    height:var(--partner-sponsors-height)
}
@media (max-width:44.99em){
    .page.faq .hero .description,.page.fr-faq .hero .description{
        padding:0
    }
}
.page.faq #TableOfContents,.page.faq main .content,.page.faq main h1,.page.fr-faq #TableOfContents,.page.fr-faq main .content,.page.fr-faq main h1{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto
}
.page.faq .content h1,.page.faq .content h2,.page.faq .content h3,.page.faq .content h4,.page.faq .content h5,.page.faq .content h6,.page.fr-faq .content h1,.page.fr-faq .content h2,.page.fr-faq .content h3,.page.fr-faq .content h4,.page.fr-faq .content h5,.page.fr-faq .content h6{
    color:#593a9f;
    color:var(--primary)
}
.page.faq .content>ol,.page.faq .content>p,.page.faq .content>ul,.page.faq .content h3,.page.faq .content h4,.page.faq .content h5,.page.faq .content h6,.page.fr-faq .content>ol,.page.fr-faq .content>p,.page.fr-faq .content>ul,.page.fr-faq .content h3,.page.fr-faq .content h4,.page.fr-faq .content h5,.page.fr-faq .content h6{
    margin-left:calc(10vw - 2rem);
    margin-left:calc(var(--container-margin) - 2rem)
}
.page.faq .content li,.page.fr-faq .content li{
    line-height:1.5
}
@media (max-width:44.99em){
    .page.faq .content ul,.page.fr-faq .content ul{
        padding-left:2ch
    }
}
.page.faq .content mark,.page.fr-faq .content mark{
    font-weight:700;
    border-radius:.25em;
    padding:.125em
}
.page.faq .content mark.a,.page.fr-faq .content mark.a{
    color:#fff;
    color:var(--fg-mark-a);
    background-color:#fb2c17;
    background-color:var(--bg-mark-a)
}
.page.faq .content mark.b,.page.fr-faq .content mark.b{
    color:#000;
    color:var(--fg-mark-b);
    background-color:#fc0;
    background-color:var(--bg-mark-b)
}
.page.faq .content mark.t2,.page.fr-faq .content mark.t2{
    color:#fff;
    color:var(--fg-mark-t2);
    background-color:#11a7e0;
    background-color:var(--bg-mark-t2)
}
@media (max-width:71.24em){
    .page.faq .content,.page.fr-faq .content{
        padding:0 .5em
    }
}
.page.code-of-conduct #TableOfContents,.page.code-of-conduct main .content,.page.code-of-conduct main h1{
    max-width:1100px;
    max-width:var(--theJdrSize);
    margin:0 auto
}
.page.code-of-conduct .content p{
    text-align:justify
}
.page.code-of-conduct .content p,.page.code-of-conduct .content p:first-letter{
    margin-left:1rem;
    margin-left:var(--space-4)
}
.page.code-of-conduct .content ul{
    margin-left:2rem
}
.page.code-of-conduct .content ul li{
    line-height:1.25
}
@media (max-width:71.24em){
    .page.code-of-conduct .content{
        padding:0 .5em
    }
}

.live-section {
 display: flex;
 flex-direction: row;
 align-items: center;
}

.live-tab-switcher {
    font-size:2em;
    display:-webkit-box;
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    justify-content:center;
    align-self:center;
    padding:.5rem 10vw;
    padding:var(--space-3) var(--container-margin);
}

.live-tab-link {
    -webkit-box-flex:1;
    flex-grow:1;
    border-radius:.5rem;
    border-radius:var(--space-3);
    text-align:center;
    background-color: #fff;
    color: var(--primary);
    margin-right: 1rem;
}
.live-tab-link.active {
    background-color: var(--primary);
    color: #fff;
}

.live-tab-d-none {
    display: none;
}


.live-chat {
    width: 30vw;
    height: 60vh;
}

.live-player-wrapper {
    width: 70vw;
    height: 60vh;
    margin-right: 10px;
}

.vjs-tech {
    object-fit: cover;
}