:root{--foreground-rgb: rgb(63, 71, 81);--weak-color-1: #444;--weak-color-2: #888;--primary-color: rgb(93 255 198);--primary-color-hover: rgb(93 255 165);--primary-color-hover-inverse: #226f54;--secondary-color: #3178c6;--accent-color: #ff7f11;--navbar-height: 50px;--navbar-z-index: 300;--section-z-index: 200;--section-bg-1: #f9f9f9;--section-bg-2: #f0f0f0;--section-vertical-padding: 5rem;--section-horizontal-padding: 5rem;--section-max-width-narrow: 1200px;--section-heading-and-body-margin: 4rem;--subsection-heading-margin: 2rem}@media (max-width: 600px){:root{--section-vertical-padding: 2rem;--section-horizontal-padding: 2rem;--section-heading-and-body-margin: 2rem}}*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;min-height:100vh}body{color:var(--foreground-rgb);letter-spacing:.4px;font-family:AvertaStd,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.7;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a.styled{text-decoration:underline;text-underline-offset:3px}ul{list-style:none;padding:0;margin:0}ul.styled{list-style:circle inside}.nowrap{white-space:nowrap}section{z-index:var(--section-z-index)}p+p{margin-top:1rem}.prose{& p,ul,ol,blockquote{margin-top:1rem;margin-bottom:1rem}& h2{margin:3rem 0 1rem}}.author{margin:2rem 0;padding:1rem 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;align-items:center;.avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #79b3ba}.right{.heading{font-size:.9rem;font-weight:700}.time{font-size:.8rem;color:#666}.description{margin:0;font-size:.8rem}}}h1.section-heading{font-size:2rem;text-align:center;margin-bottom:var(--section-heading-and-body-margin)}h2.subsection-heading{font-size:1.5rem;text-align:center;margin-top:var(--subsection-heading-margin);margin-bottom:var(--subsection-heading-margin)}h3.section-subheading{font-size:.8rem;color:var(--weak-color-2);text-align:center}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--navbar-z-index);overflow:hidden;height:var(--navbar-height);display:flex;transition:height .3s ease-in-out;border-bottom:1px solid transparent;color:#fff;&:not(.at-top),&:not(.transparent-at-top){color:var(--foreground-rgb);border-bottom:1px solid #00000024;box-shadow:0 2px 18px 9px #00000014;background-color:#f9f9f9}>.content-wrapper{flex:1;display:flex;>.content{padding:0 var(--section-horizontal-padding);max-width:var(--section-max-width-narrow);margin:0 auto;flex:1;display:flex;align-items:center;font-family:monospace;@media (max-width: 800px){padding:0 1rem}.logo-breadcrumb-separator{margin:0 .5rem;opacity:.5}.logo,.breadcrumb{font-size:1rem;white-space:nowrap;font-weight:700;&:hover{text-decoration:underline;text-underline-offset:.4rem}}.links{margin-left:auto;display:flex;& li{display:flex;align-items:center;@media (max-width: 900px){&:not(.primary){display:none}}}& li+li{margin-left:3rem;@media (max-width: 1024px){margin-left:2rem}}& a{display:block;font-size:.8rem;white-space:nowrap;text-underline-offset:.5rem;&:hover{text-decoration:underline}}}}}}a.book-button{border-radius:5px;padding:1.2rem 2rem;display:inline-block;font-size:.8rem;transition:all .1s ease-in-out;line-height:0;font-weight:700;white-space:nowrap;&:not(.inverse){color:#444;background:var(--primary-color);&:hover{background:var(--primary-color-hover)}}&.inverse{color:#fff;border:2px solid var(--primary-color);&:hover{background:var(--primary-color-hover-inverse)}}}#contact{padding:var(--section-vertical-padding) 0;color:#fff;position:relative;width:100%;background:#444;display:grid;justify-content:center;>.content{width:100%;max-width:550px;.brief{padding:1rem;border-radius:5px;border:1px solid white;text-align:center}.grid{width:250px;margin:0 auto;margin-top:2rem;display:grid;justify-content:space-between;grid-gap:1rem;grid-auto-flow:column;align-items:center;align-content:center;padding:.5rem;@media (max-width: 600px){border:0}.item{display:flex;align-items:center;font-size:1.3rem;line-height:1;& svg{width:30px;height:30px}}}.button-container{display:flex;justify-content:center;width:100%;margin-top:2rem;& a{display:flex;justify-content:center;width:250px;margin:0 auto}}}}:root{--section-max-width-narrow: 1400px;--screenshot-background: #1f1f1f}.navbar.transparent-at-top.at-top{ul.links li:first-child a{border-color:#00ffd1;background:transparent;&:hover{outline-color:#00ffd1}}}.navbar{ul.links li:first-child a{padding:2px 10px;border:1px solid transparent;background:#079e83;color:#fff;border-radius:10px;font-weight:700;outline:3px solid transparent;transition:all .2s ease;&:hover{text-decoration:none!important;outline:2px solid #079e83}}}.sessions-grid{display:grid;grid-template-columns:1fr 1fr 1fr;@media (max-width: 800px){grid-template-columns:1fr}.session{border-radius:10px;box-shadow:0 4px 15px 7px transparent;transition:all .2s ease;padding:1rem;cursor:pointer;&:hover{box-shadow:0 4px 15px 7px #00000026;background:#fff}.session-inner-wrapper{display:grid;gap:.5rem;.cover-container{border-radius:10px;background:#000;aspect-ratio:16 / 9;display:flex;justify-content:center;overflow:hidden;position:relative;& img.cover{object-fit:cover;width:100%;height:100%}.clip-banner{position:absolute;right:-41px;top:11px;transform-origin:center;transform:rotate(35deg);background:#d00;color:#fff;font-size:1rem;padding:2px 50px;font-weight:700;box-shadow:0 3px 10px 3px #00000054;z-index:1;letter-spacing:1px}.duration{position:absolute;bottom:4px;right:4px;padding:2px 6px;color:#fff;border-radius:5px;background:#000a;font-size:.8em;z-index:1}}.avatar-and-content{overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:.5rem;.avatar-container{.avatar{width:50px;height:50px;object-fit:cover;object-position:center top;border-radius:50%;border:1px solid #c0c0c0}}>.content{display:grid;gap:.25rem;line-height:1.2;& h3{font-size:1rem;.tags{font-size:.8em;color:var(--weak-color-2)}}.handle{font-size:.8em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.footer{font-size:.8em}.no-select{user-select:none}}}}}}#player-section{background:var(--screenshot-background);padding:calc(var(--navbar-height) + 1rem) var(--section-horizontal-padding) 1rem;>.content{max-width:1000px;margin:0 auto;display:grid;align-items:center;grid-template-areas:"player player player" "avatar title title" "avatar handle actions";grid-template-columns:auto 1fr auto;@media (max-width: 800px){grid-template-areas:"player player player" "avatar title title" "avatar handle handle" "actions actions actions"}}.player{grid-area:player;border:1px solid #888;border-radius:10px;margin-bottom:1rem;overflow:hidden;background:#000;position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center;.iframe-container{flex:1;max-width:100%;max-height:100%;aspect-ratio:16 / 9;& iframe{width:100%;height:100%}}.cover-container{display:block;flex:1;width:100%;height:100%;cursor:pointer;& img.cover{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:contain}& svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px}}}.avatar-container{grid-area:avatar;.avatar{width:70px;height:70px;object-fit:cover;object-position:center top;border-radius:50%;border:1px solid #444}}& h1.title{grid-area:title;align-self:self-end;margin-bottom:.5rem;margin-left:1rem;font-size:1.2rem;font-weight:400;color:#fff;line-height:1}.handle{grid-area:handle;align-self:self-start;margin-top:.5rem;margin-left:1rem;color:#ccc;font-size:.8em;line-height:1;.no-select{user-select:none}}.actions{grid-area:actions;align-self:self-start;display:grid;gap:1rem;grid-template-columns:auto auto;justify-content:space-between}.likes{border:1px solid #666;border-radius:20px;display:grid;padding:0px .75rem;grid-template-columns:auto auto;gap:.5rem;color:#fff;align-items:center;font-size:.8em;& svg{width:22px;height:22px}}.src-switch{border:1px solid #666;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:.25rem;width:fit-content;padding:2px;justify-self:right;.src-switch-item{padding:2px 8px;color:#fff;white-space:nowrap;border-radius:15px;transition:all .2s ease;font-size:.8em;cursor:pointer;&:hover{background:#444}&.active{background:#fff;color:var(--foreground-rgb)}&.disabled{color:var(--weak-color-2);cursor:not-allowed;&:hover{background:unset}}& svg{width:16px;height:16px;vertical-align:middle}}}}#desc-section{background:var(--section-bg-1);padding:2rem var(--section-horizontal-padding);>.content{max-width:1000px;margin:0 auto;.header{font-weight:700;margin-bottom:1rem}.desc{& p.tags{font-size:.8em;color:var(--weak-color)}& p+p{margin-top:.25rem}& a.expand{font-weight:700}}}}#sessions-section{background:var(--section-bg-2);padding:var(--section-vertical-padding) 1rem}
/*# sourceMappingURL=session-page.css.map */