@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400;1,500&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";.scramble-text[data-v-97521372]{display:inline-flex;gap:.3em;font-family:var(--font-body)}.word[data-v-97521372]{display:inline-block}.italic[data-v-97521372]{font-family:var(--mono-font);font-weight:500;font-style:italic}.bold[data-v-97521372]{font-weight:900}@font-face{font-family:Mona Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/MonaSans-ExtraBold.woff2) format("woff2")}:root{--s-xxxl: 128px;--s-xxl: 64px;--s-xl: 48px;--s-l: 32px;--s-m: 24px;--s-b: 16px;--s-s: 12px;--s-xs: 8px;--s-xxs: 4px;--s-micro:2px;--sans-font: "IBM Plex Sans", "Avenir", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--title-font: "IBM Plex Mono", "IBM Plex Sans", "Avenir", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono-font: "IBM Plex Mono", monospace;--line-height-text: 1.45;--line-height-heading: 1.3;--line-height-min: 1;--fs-xxxl: 64px;--fs-xxl: 56px;--fs-xl: 48px;--fs-l: 36px;--fs-m: 24px;--fs-d: 20px;--fs-b: 16px;--fs-s: 14px;--fs-xs: 12px;--fs-xxs: 10px;--body-padding: 2rem;--gutter: 2rem;--max-content-width: 100%;--nav-width: 4rem;--nav-height: 3rem;--sidebar-width: 24rem;--input-width: 10rem;--slider-width: 6rem;--header-width-wall: calc(100vw / 6 );--header-width-collapsed: calc((100vw - var(--s-l)) / 6 );--header-width-expanded: calc((100vw - var(--sidebar-width)) / 6 );--header-aspect-ratio: calc(16*2/9);--color-grey-darkest: #1D1D1D;--color-grey-darker: #262626;--color-grey-dark: #4F4F4F;--color-grey: #828282;--color-grey-light: #BDBDBD;--color-grey-lighter: #A6A6A6;--color-grey-tint: #F2F2F2;--color-white: #FFFFFF;--color-black: #000000;--color-compass: #6100FF;--color-eye: #FF6B00;--color-sims: #41FF00;--color-yellow: #FAD512;--color-orange: #EF8B3B;--color-red: #EB4C42;--color-purple: #9F0F53;--color-pink: #C815A2;--color-violet: #700D9F;--color-navy: #0D4CA5;--color-blue: #2189D3;--color-green: #55AF0F;--color-lime: #B9E214;--color-ink: var(--color-grey);--color-accent: var(--color-grey-lighter);--color-war-bg: var(--color-yellow);--color-battle-bg: var(--color-orange);--color-genocide-bg: var(--color-red);--color-theatre-bg: var(--color-purple);--color-sack-bg: var(--color-pink);--color-occupation-bg: var(--color-violet);--color-bombing-bg: var(--color-navy);--color-insurgency-bg: var(--color-blue);--color-revolution-bg: var(--color-green);--color-campaign-bg: var(--color-lime);--transition-all: all .2s ease-out;--transition-timing: .2s ease-out;--border-radius-circle: 50% 50%;--border-radius-m: 4px;--border-radius-default: 2px}@media only screen and (max-width: 1024px){:root{--s-xxxl: 72px;--s-xxl: 56px;--s-xl: 48px;--s-l: 32px;--s-m: 24px;--s-b: 16px;--s-s: 12px;--s-xs: 8px;--s-xxs: 4px;--s-micro:2px}}@media only screen and (max-width: 1024px){:root{--fs-xxxl: 56px;--fs-xxl: 48px;--fs-xl: 32px;--fs-l: 24px;--fs-m: 18px;--fs-d: 16px;--fs-b: 14px;--fs-s: 12px;--fs-xs: 10px}}@media only screen and (max-width: 720px){:root{--fs-xxxl: 36px;--fs-xxl: 36px;--fs-xl: 24px;--fs-l: 24px;--fs-m: 16px;--fs-d: 16px;--fs-b: 14px;--fs-s: 12px;--fs-xs: 10px}}@media only screen and (max-width: 1024px){:root{--body-padding: 2rem;--input-width: 4rem;--slider-width: 4rem}}@media only screen and (max-width: 600px){:root{--body-padding: 1rem;--input-width: 4rem;--slider-width: 4rem}}@keyframes fadeInOut{0%{opacity:0}4%{opacity:1}33.33%{opacity:1}37.33%{opacity:0}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.compass{--color-accent: var(--color-compass)}.eye{--color-accent: var(--color-eye)}.sims,.sims-src{--color-accent: var(--color-sims)}html,body{overscroll-behavior:none;background:var(--color-black);min-height:100vh}body{margin:0;padding:0;font-family:var(--sans-font);font-weight:400;font-size:var(--fs-b);line-height:var(--line-height-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-black);color:var(--color-ink)}body *,body *:before,body *:after{box-sizing:border-box}code{font-family:var(--mono-font)}.router-wrapper{display:contents}main,.content-wrapper{--content-padding: calc(var(--body-padding) * 2.5);padding:calc(var(--nav-height) + var(--s-xxl)) var(--content-padding) var(--content-padding) var(--content-padding);min-height:100vh}main h1,main h2,main h3,main h4,main h5,main h6,.content-wrapper h1,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4,.content-wrapper h5,.content-wrapper h6{margin:0;line-height:var(--line-height-heading);scroll-margin-top:7.5rem}main h1,.content-wrapper h1{margin:2.5rem 0 1rem;font-size:3rem;font-family:var(--title-font);font-weight:400;letter-spacing:-.05em;color:var(--color-accent)}main h1:first-child,.content-wrapper h1:first-child{margin:0 0 1rem}main h1+ul,.content-wrapper h1+ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;gap:var(--s-b)}main h2,.content-wrapper h2{margin:2rem 0 .5rem;font-family:var(--title-font);font-weight:500;color:var(--color-accent)}main a,.content-wrapper a{color:var(--color-ink);font-weight:600;text-underline-offset:.15em;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.15em;transition:var(--transition-all)}main a:hover,main a:active,.content-wrapper a:hover,.content-wrapper a:active{color:var(--color-white)}main hr,.content-wrapper hr{margin:var(--s-xxs) 0;border:0;border-bottom:1px solid var(--color-grey)}main p,.content-wrapper p{margin:0;font-size:var(--fs-b);line-height:var(--line-height-text)}main p:not(:last-child),.content-wrapper p:not(:last-child){margin-bottom:var(--s-m)}main p.large,.content-wrapper p.large{font-size:var(--fs-m)}main ul,main ol,.content-wrapper ul,.content-wrapper ol{line-height:var(--line-height-text)}main ul.inline,main ol.inline,.content-wrapper ul.inline,.content-wrapper ol.inline{display:inline-block;padding:0;margin:0}main ul.inline li,main ol.inline li,.content-wrapper ul.inline li,.content-wrapper ol.inline li{display:inline-block}main ul.inline li:not(:last-child),main ol.inline li:not(:last-child),.content-wrapper ul.inline li:not(:last-child),.content-wrapper ol.inline li:not(:last-child){margin-right:var(--s-b)}main ul li,main ol li,.content-wrapper ul li,.content-wrapper ol li{font-size:var(--fs-b)}main ul li p,main ol li p,.content-wrapper ul li p,.content-wrapper ol li p{margin-bottom:var(--s-m)}main ul li:last-child,main ol li:last-child,.content-wrapper ul li:last-child,.content-wrapper ol li:last-child{margin-bottom:0}main img,.content-wrapper img{max-width:100%}main video,.content-wrapper video{width:75vw;height:auto;aspect-ratio:16/9}main p:has(>img),main div:has(>img),.content-wrapper p:has(>img),.content-wrapper div:has(>img){margin:1rem 0 4rem!important;display:flex;flex-wrap:wrap;gap:var(--s-m)}main p:has(>img) img,main div:has(>img) img,.content-wrapper p:has(>img) img,.content-wrapper div:has(>img) img{max-height:72px;opacity:.5;transition:opacity var(--transition-timing)}main p:has(>img) img:hover,main div:has(>img) img:hover,.content-wrapper p:has(>img) img:hover,.content-wrapper div:has(>img) img:hover{opacity:1}main table,.content-wrapper table{margin:1.5rem 0 4rem;border:0!important;border-collapse:collapse}main table td,.content-wrapper table td{padding:var(--s-s);border:0!important;vertical-align:top}main table tbody,.content-wrapper table tbody{border-bottom:1px solid var(--color-grey-dark)}main table tr,.content-wrapper table tr{border-top:1px solid var(--color-grey-dark)}.txt{max-width:64rem}@media screen and (max-width: 1200px){main,.content-wrapper{padding:calc(var(--nav-height) + var(--nav-height) + var(--s-xxl)) var(--body-padding) var(--body-padding) var(--body-padding)}}.logo{display:inline-flex;align-items:center;gap:var(--s-xxs);font-weight:900;line-height:var(--s-xl);height:var(--s-xl)}.logo img:first-child{height:var(--s-xl);border-radius:var(--s-xl)}.logo path{fill:var(--color-accent);transition:fill 1s ease-in}.logo .logotype{color:var(--color-accent);font-size:var(--fs-d)}.logo .logotype em{font-family:var(--mono-font);font-weight:500}header{position:fixed;top:0;left:0;right:0;padding:var(--body-padding);z-index:9999}nav{display:grid;grid-template-columns:216px 1fr max-content max-content;grid-template-rows:1fr;gap:0 var(--s-b);align-items:start;min-height:var(--nav-height);min-width:100%;font-size:var(--fs-s);background-color:#000000bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--s-m);box-shadow:0 0 0 1.5px var(--color-grey-darker),0 1rem 1.5rem #0009,0 2rem 4rem #0000004d;overflow:hidden}nav .logo{grid-column:1/2}nav .nav-links{grid-column:2/3}nav .tools{grid-column:3/4;height:var(--nav-height)}nav .auth{grid-column:4/-1;height:var(--nav-height)}@media screen and (max-width: 1440px){nav .tools{grid-column:1/-1;grid-row:2}}@media screen and (max-width: 720px){nav{grid-template-columns:max-content 1fr max-content}nav .nav-links{grid-column:2/3}nav .auth{grid-column:3/-1}nav .tools{grid-column:1/-1;grid-row:2}}.sims nav{box-shadow:0 1rem 1.5rem #0009,0 2rem 4rem #0000004d}nav a{color:var(--color-ink);font-size:var(--fs-s);font-weight:500;text-decoration:none;line-height:var(--s-xl);transition:var(--transition-all)}nav a:hover,nav a:active,nav a.router-link-exact-active{color:var(--color-white)}nav a.router-link-exact-active{pointer-events:none}nav ul{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0;padding:0;gap:0}.nav-links{display:grid;grid-template-columns:min-content max-content;gap:0 var(--s-b);align-items:center;min-height:var(--nav-height)}.nav-links a{grid-column:2;grid-row:auto}.nav-links hr{grid-column:2;width:100%;border:0;border-bottom:1px solid var(--color-grey-dark)}.nav-links a:not(.router-link-active),.nav-links hr{display:none}.nav-links.active a,.nav-links.active hr{display:block}.nav-menu-burger{grid-column:1;display:inline-grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;height:var(--s-l);width:var(--s-l);border-radius:var(--s-l);transition:var(--transition-all);cursor:pointer}.nav-menu-burger:hover,.nav-menu-burger:active,.nav-menu-burger.router-link-exact-active{background-color:var(--color-grey-dark);color:var(--color-white)}.nav-menu-burger.active+.nav-links{display:flex}.nav-menu-burger.active svg:first-child{opacity:0}.nav-menu-burger.active svg:last-child{opacity:1}.nav-menu-burger svg{grid-column:1/-1;grid-row:1/-1;pointer-events:none;transition:opacity var(--transition-timing)}.nav-menu-burger svg:first-child{opacity:1}.nav-menu-burger svg:last-child{opacity:0}.nav-underlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:var(--transition-all);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:8888}.nav-underlay.active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all}.auth{margin:0;padding:0 var(--s-xs) 0 0;gap:var(--s-xxs)}.auth button,.auth .button{display:inline-flex;justify-content:center;align-items:center;color:var(--color-ink);font-family:inherit;font-size:inherit;font-weight:500;text-decoration:none;transition:var(--transition-all);background:transparent;border:none;height:var(--s-l);width:var(--s-l);border-radius:var(--s-l);cursor:pointer}.auth button:hover,.auth button:active,.auth button.router-link-exact-active,.auth .button:hover,.auth .button:active,.auth .button.router-link-exact-active{background-color:var(--color-grey-dark);color:var(--color-white)}.auth .avatar{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.auth .avatar img{width:var(--s-l);height:var(--s-l);border-radius:50%}.tools{justify-content:center;gap:0}.tools li{display:flex;gap:0;padding:0 var(--s-xs)}.tools li:not(:first-child){border-left:1px solid var(--color-grey-dark)}.tools .input-wrapper{display:flex;align-items:center;padding:0;border-radius:var(--s-l)}.tools .input-wrapper .clear:hover{color:var(--color-white)}.tools .input-wrapper .clear svg{transform:scale(.9)}.tools .search-visible{color:var(--color-white)}.tools input{background:transparent;border:none;outline:none;color:var(--color-white);font-size:var(--fs-s);font-weight:500;line-height:var(--s-l);height:var(--s-l);min-width:var(--input-width)}.tools .results{width:auto;padding:0 var(--s-xxs);font-size:var(--fs-s);font-weight:500;text-align:right;color:var(--color-white)}.button{display:inline-flex;justify-content:center;align-items:center;line-height:var(--nav-height);background-color:transparent;color:var(--color-ink);cursor:pointer;transition:var(--transition-all)}.button:hover{background-color:var(--color-grey-dark)}.button.active{color:var(--color-white)}.button.icon{height:var(--s-l);width:var(--s-l);border-radius:var(--s-l)}.button.icon svg{transform-origin:center}.button.clear{width:var(--s-b);height:var(--s-b)}.bins{gap:var(--s-xxs)}.bins .results{width:2rem;padding:0}@media screen and (max-width: 1024px){.bins>*:not(#rangeInput){display:none}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:var(--slider-width);height:var(--s-l);min-width:var(--slider-width);background:transparent;border-radius:var(--s-b);border:none;outline:none}input[type=range]::-webkit-slider-runnable-track{width:var(--input-width);height:var(--s-micro);background:var(--color-grey-light);border-radius:var(--s-l)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;top:-5px;width:var(--s-s);height:var(--s-s);background:var(--color-white);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--s-l);height:var(--s-l);background:var(--color-grey-light);border-radius:50%;cursor:pointer;border:4px solid var(--color-grey-darker)}input[type=range]::-webkit-slider-thumb:active{background:var(--color-grey)}input[type=range]::-moz-range-thumb:active{background:var(--color-grey)}.form{margin:var(--s-xl) 0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-m);align-items:baseline}@media screen and (max-width: 640px){.form{grid-template-columns:1fr}}.book-form{margin:var(--s-l) 0;padding:var(--s-m);border:1px solid var(--color-grey-dark);border-radius:var(--s-b)}.book-form h2{margin-top:0}.book-form ul{margin:0 0 var(--s-l) 0}.book-form>div{margin-top:var(--s-l)}.form input,.form textarea,.form button,.form .button,.social-sign-in input,.social-sign-in textarea,.social-sign-in button,.social-sign-in .button,.book input,.book textarea,.book button,.book .button{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;background:transparent;border:none;outline:none;color:var(--color-white);font-family:var(--sans-font);font-size:var(--fs-b);font-weight:500;line-height:var(--s-xl);height:var(--s-xl);min-width:var(--input-width);border-radius:var(--s-xl);transition:var(--transition-all)}.form input:disabled,.form textarea:disabled,.form button:disabled,.form .button:disabled,.social-sign-in input:disabled,.social-sign-in textarea:disabled,.social-sign-in button:disabled,.social-sign-in .button:disabled,.book input:disabled,.book textarea:disabled,.book button:disabled,.book .button:disabled{opacity:.5;cursor:not-allowed}.form input[type=text],.form input[type=email],.form input[type=url],.form input[type=password],.form textarea,.social-sign-in input[type=text],.social-sign-in input[type=email],.social-sign-in input[type=url],.social-sign-in input[type=password],.social-sign-in textarea,.book input[type=text],.book input[type=email],.book input[type=url],.book input[type=password],.book textarea{font-weight:400;border:2px solid var(--color-grey-dark);padding:0 var(--s-m)}.form input[type=text]:focus,.form input[type=text]:active,.form input[type=email]:focus,.form input[type=email]:active,.form input[type=url]:focus,.form input[type=url]:active,.form input[type=password]:focus,.form input[type=password]:active,.form textarea:focus,.form textarea:active,.social-sign-in input[type=text]:focus,.social-sign-in input[type=text]:active,.social-sign-in input[type=email]:focus,.social-sign-in input[type=email]:active,.social-sign-in input[type=url]:focus,.social-sign-in input[type=url]:active,.social-sign-in input[type=password]:focus,.social-sign-in input[type=password]:active,.social-sign-in textarea:focus,.social-sign-in textarea:active,.book input[type=text]:focus,.book input[type=text]:active,.book input[type=email]:focus,.book input[type=email]:active,.book input[type=url]:focus,.book input[type=url]:active,.book input[type=password]:focus,.book input[type=password]:active,.book textarea:focus,.book textarea:active{border:2px solid var(--color-grey);background-color:var(--color-grey-darkest)}.form textarea,.social-sign-in textarea,.book textarea{height:256px;border-radius:var(--s-m)}.form button,.form .button,.social-sign-in button,.social-sign-in .button,.book button,.book .button{padding:0 var(--s-m);display:inline-flex;justify-content:center;align-items:center;gap:var(--s-b);background-color:var(--color-grey-darkest);color:var(--color-grey)}.form button:hover,.form button:active,.form .button:hover,.form .button:active,.social-sign-in button:hover,.social-sign-in button:active,.social-sign-in .button:hover,.social-sign-in .button:active,.book button:hover,.book button:active,.book .button:hover,.book .button:active{background-color:var(--color-grey-dark);color:var(--color-white)}.form button svg,.form button .svg-inline--fa,.form .button svg,.form .button .svg-inline--fa,.social-sign-in button svg,.social-sign-in button .svg-inline--fa,.social-sign-in .button svg,.social-sign-in .button .svg-inline--fa,.book button svg,.book button .svg-inline--fa,.book .button svg,.book .button .svg-inline--fa{height:var(--s-m);width:var(--s-m);transform-origin:center}.form-separator{width:100%;padding:0 var(--s-m);font-family:var(--mono-font);font-size:var(--fs-b);font-style:italic;display:inline-flex;justify-content:center;align-items:center;gap:var(--s-s)}.form-separator:before,.form-separator:after{content:"";height:1px;width:100%;border-bottom:1px solid var(--color-grey-dark)}.form-footer{display:grid;grid-template-columns:auto;gap:var(--s-m);align-items:baseline;padding-top:var(--s-b);border-top:1px solid var(--color-grey-darker)}.form-footer p{margin:0}.form-footer p:last-child{grid-column:2/-1;text-align:right}.social-sign-in{margin:var(--s-xl) 0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-m);align-items:baseline}@media screen and (max-width: 640px){.social-sign-in{grid-template-columns:1fr}}.social-sign-in .social-btn-google{color:var(--color-red)}.social-sign-in .social-btn-google:hover{color:var(--color-white)}.social-sign-in .social-btn-facebook{color:var(--color-blue)}.social-sign-in .social-btn-facebook:hover{color:var(--color-white)}.form-group{grid-column:1/-1;position:relative;margin:0 0 var(--s-xl) 0;display:grid;grid-template-columns:12rem 1fr;column-gap:var(--s-m);row-gap:var(--s-xs);align-items:start}@media screen and (max-width: 640px){.form-group{grid-template-columns:1fr}}.form-group>*{grid-column:1/2}.form-group>*:not(label){grid-column:2/-1}.form-group>label{padding:var(--s-s) 0;grid-row:span 2}.form-group .radio-group,.form-group .checkbox-group{display:flex;border:2px solid var(--color-grey-dark);border-radius:var(--s-xl);overflow:hidden}.form-group .radio-group input,.form-group .checkbox-group input{margin:0;min-width:0;display:none}.form-group .radio-group label,.form-group .checkbox-group label{position:relative;flex:1 0 auto;display:flex;justify-content:center;align-items:center;height:var(--s-xl);transition:var(--transition-all)}.form-group .radio-group label:has(input:checked),.form-group .checkbox-group label:has(input:checked){background-color:var(--color-grey-dark);color:var(--color-white)}.form-group .radio-group label:not(:last-child):after,.form-group .checkbox-group label:not(:last-child):after{content:"";position:absolute;top:var(--s-s);right:0;height:var(--s-m);border-right:1px solid var(--color-grey-dark)}.status-message{margin:1rem 0;padding:.5rem}.status-message.error{color:var(--color-red)}.status-message.success{color:var(--color-green)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-wrapper{width:100%;height:calc(100vh - var(--nav-height));display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-wrapper:after{content:"";border:var(--s-xs) solid;border-color:var(--color-grey-darker) var(--color-grey-darker) var(--color-grey-darker) transparent;border-radius:50%;height:var(--s-xxl);width:var(--s-xxl);animation:spin 2s linear infinite}.video-js{font-size:var(--fs-xs)!important}.video-js .vjs-big-play-button{display:none!important;font-size:1.8em!important;border:0!important;border-radius:0!important;margin:0!important;top:auto!important;bottom:0!important;left:0!important}.video-js picture.vjs-poster img{aspect-ratio:16/9;width:100%;height:100%;object-position:center;object-fit:fill}.video-js button{width:var(--s-l);height:var(--s-l);display:flex!important;align-items:center;justify-content:center;gap:var(--s-xs)}.video-js button.autoplay-toggle{padding-right:var(--s-s);width:auto;font-weight:700;letter-spacing:.01em}.video-js button:hover svg{transform-origin:center;transform:scale(1.25);transition:transform var(--transition-timing)}.video-controls,.control-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.control-button-bookmark{position:absolute;top:var(--s-xs);right:var(--s-xs);filter:drop-shadow(2px 2px 1px rgba(0,0,0,.4)) drop-shadow(0 0 1px rgba(0,0,0,.4));z-index:10}.control-button-bookmark button{background:none;color:var(--color-white);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--s-l);height:var(--s-l);display:flex!important;align-items:center;justify-content:center;gap:var(--s-xs);cursor:pointer}.control-button-bookmark button svg{width:var(--s-m);height:var(--s-m);pointer-events:none}.control-button-bookmark button:hover svg{transform-origin:center;transform:scale(1.25);transition:transform var(--transition-timing)}.control-buttons{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;color:var(--color-white);filter:drop-shadow(2px 2px 1px rgba(0,0,0,.4)) drop-shadow(0 0 1px rgba(0,0,0,.4));z-index:10}.control-buttons>*{flex:1 0 auto}.control-buttons .elapsed-duration{font-weight:700;letter-spacing:.01em}.control-buttons .progress-bar{margin:0 var(--s-s);flex:1 1 100%;position:relative;height:2px}.control-buttons .progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:transparent}.control-buttons .progress{position:absolute;top:0;left:0;width:100%;height:2px;background-color:currentColor;transform-origin:left;transform:scaleX(0);transition:transform .6s}@keyframes controlsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes controlsFadeOut{0%{opacity:1}to{opacity:0}}.video-controls .control-buttons{animation:controlsFadeOut .2s ease-in 1s 1 normal both}.video-controls.active .control-buttons{animation:controlsFadeIn .2s ease-in 1 normal both}.meta{display:flex;flex-direction:column;gap:var(--s-s)}.meta h2{margin:0;padding:0;font-family:var(--sans-font);font-size:var(--fs-s);font-weight:600}.meta p{margin:0;font-size:var(--fs-xs)}.meta p:empty{display:none}.meta p span+span{margin-left:var(--s-xs)}.keywords,.topics{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;max-height:50vh}.tag{display:inline-block;padding:.375rem .6rem;font-size:var(--fs-xs);line-height:1;white-space:nowrap;border-radius:var(--s-s);background-color:var(--color-grey-dark);color:var(--color-white)}.tag.selected{background-color:var(--color-white);color:var(--color-grey-dark);order:-1}.tag:empty{display:none}.tags:empty{display:none}.archive-wrapper h2{margin:0;padding:0;font-size:var(--fs-s);font-weight:600}.archive-wrapper p{margin:0;font-size:var(--fs-xs)}.archive-wrapper p:empty{display:none}.archive-wrapper p span+span{margin-left:var(--s-xs)}.logos{margin:4rem 0 0}.logos p{margin:.5rem 0 4rem!important;display:flex;flex-wrap:wrap;gap:var(--s-m)}.logos img{max-height:72px;opacity:.5;transition:opacity var(--transition-timing)}.logos img:hover{opacity:1}.profile p{margin:0!important}.video-list{margin:var(--s-xl) 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s-l)}.video-list li{display:grid;grid-template-columns:256px 1fr;gap:var(--s-b);align-items:end}.video-list img{border-radius:2px;border-radius:var(--s-xxs);border:1px solid var(--color-black)}.modal{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:calc(1.5 * var(--body-padding))}.modal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-all)}.modal-content{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;width:100vw;height:auto}@media screen and (max-width: 800px){.modal-content{flex-direction:column}}.modal-content:before,.modal-content:after{content:"";position:absolute;border:1px solid var(--color-grey-dark)}.modal-content:before{left:5em;top:-1em;width:25vw;height:0;border-width:0 1em 1em 1em;border-color:transparent transparent var(--color-grey-dark) transparent}.modal-content:after{left:-1em;top:5em;width:0;height:25vh;border-width:1em 1em 1em 0;border-color:transparent var(--color-grey-dark) transparent transparent}.modal-body{display:flex;flex-direction:column;position:relative;max-width:var(--sidebar-width)}@media screen and (max-width: 800px){.modal-body{max-width:none}}.modal-body .meta{flex-grow:1;padding:var(--s-b) var(--s-b) 0 var(--s-b);border-right:2px solid var(--color-grey-dark)}@media screen and (max-width: 800px){.modal-body .meta{padding:var(--s-b)}}.modal-close,.modal-prev,.modal-next,.modal-autoplay-toggle{border:none;padding:0;width:var(--s-xl);height:var(--s-xl);cursor:pointer;color:var(--color-ink);background:transparent;z-index:10;transition:var(--transition-all)}.modal-close:hover,.modal-prev:hover,.modal-next:hover,.modal-autoplay-toggle:hover{color:var(--color-white)}.modal-autoplay-toggle{width:max-content}.modal-autoplay-toggle span{margin-left:var(--s-xs)}.modal-autoplay-toggle .autoplay-on{color:var(--color-white)}.modal-close{position:absolute;top:-1.5em;right:0}.modal-prev-next{position:absolute;top:0;left:var(--s-b)}.modal-video-wrapper{height:100%;flex:1 0 auto;padding:.4em;border:1px solid var(--color-grey-dark);border-width:2px 0 2px 2px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-out}.fade-enter-from,.fade-leave-to{opacity:0}.router-wrapper{position:relative;min-height:100vh}.router-wrapper>*{position:absolute;width:100%;transition:opacity .3s ease-out}.fade-leave-active{position:absolute;width:100%;z-index:1}.fade-enter-active{z-index:2}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}