h1[data-v-5bd539dc]{transform:translateY(-5px);margin:auto;padding:.5rem 1rem;color:#fff;position:absolute;inset:0;align-self:center;font-size:1.2rem;white-space:pre-line;font-weight:500;line-height:normal;letter-spacing:normal;text-align:center;z-index:3}h1>.nobr[data-v-5bd539dc]{white-space:nowrap;position:relative}h3[data-v-5bd539dc]{margin:40px 0 0}ul[data-v-5bd539dc]{list-style-type:none;padding:0}li[data-v-5bd539dc]{display:inline-block;margin:0 10px}a[data-v-5bd539dc]{color:var(--ui-color-primary-500);text-decoration:underline}.hello[data-v-5bd539dc]{--hero-bottom-color:#fff;position:relative;display:flex;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;transition:all .3s ease-in-out;@apply mb-4;}.hello__wrap[data-v-5bd539dc]{max-height:100vh;overflow:hidden;width:100%;display:flex;background-position:50%;background-size:100%}.hello__wrap[data-v-5bd539dc]>*{position:relative;z-index:2}.hello[data-v-5bd539dc]:after{content:"";display:block;position:absolute;z-index:1;width:100%;height:20px;border-radius:10px 10px 0 0;bottom:-10px;left:0;background:var(--ui-bg);box-shadow:0 -2px 10px 5px #0003}.hello__hero[data-v-5bd539dc]{position:relative;min-height:100%;align-self:center;overflow:hidden}.hello__hero[data-v-5bd539dc],.hello__hero[data-v-5bd539dc]:after{z-index:1;width:100%;top:0;left:0}.hello__hero[data-v-5bd539dc]:after{content:"";display:block;position:absolute;height:100%;background:#00000080;transition:all 1s ease-out;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.hello__hero.is-loading[data-v-5bd539dc]:after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition-duration:.8s}.hello__hero.is-settling[data-v-5bd539dc]:after{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition-duration:1.1s}.hello__hero-layer[data-v-5bd539dc]{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;background-color:transparent;background-repeat:no-repeat;background-position:50%;background-size:cover;transform:scale(1);transition:opacity .45s ease-out,transform 1.1s ease-out,background-position 1.1s ease-out}.hello__hero-layer.is-visible[data-v-5bd539dc]{opacity:1}.hello__hero-layer.is-loading[data-v-5bd539dc]{will-change:opacity,transform,background-position;transition:opacity .45s ease-out}.hello__hero-layer.is-settling[data-v-5bd539dc]{transition:opacity .45s ease-out,transform 1.1s ease-out,background-position 1.1s ease-out}.hello__photo[data-v-5bd539dc]{position:absolute;z-index:2;top:0;right:0;font-size:12px;color:#fff;opacity:.5;will-change:transform,opacity;cursor:pointer;transform:translate(calc(100% - 40px));padding:0 10px 0 45px;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 2v14H5V5zm-7.86 10.73 3-3.87L18 17H6l3-3.86z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:20px 20px;background-repeat:no-repeat;background-position:10px;border-radius:0 0 0 4px;height:36px;line-height:36px}.hello__photo a[data-v-5bd539dc]{color:#fff;opacity:.8}.hello__photo a[data-v-5bd539dc]:hover{opacity:1}.hello__photo[data-v-5bd539dc]:hover{opacity:.8}.hello__photo.mobile-poster[data-v-5bd539dc]{transition:all .3s ease-in-out}.hello__photo.mobile-poster.on[data-v-5bd539dc]{transform:translate(0);background-color:#0000004d}.hello__fullsize[data-v-5bd539dc]{position:absolute;z-index:2;color:transparent;font-size:0;width:30px;height:30px;right:10px;bottom:10px;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 96 96'%3E%3Cpath d='M30.1 55.1H23V73h17.9v-7.1H30.1zM23 40.9h7.1V30.1h10.7V23H23zm42.9 25H55.1V73H73V55.1h-7.1zM55.1 23v7.1h10.7v10.7H73V23z' style='fill:%23fff'/%3E%3C/svg%3E");background-size:30px 30px;background-repeat:no-repeat;background-position:50%;padding:10px;border-radius:4px;opacity:.75;cursor:pointer;transform:scale(.6);transform-origin:bottom right;will-change:transform,background-size,background-color;transition:all .2s ease-in-out}.hello__fullsize[data-v-5bd539dc]:hover{opacity:.9;transform:scale(.75);background-color:#0003}.hello__reload[data-v-5bd539dc]{position:absolute;z-index:2;color:transparent;font-size:0;width:30px;height:30px;right:40px;bottom:10px;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-opacity='.75' fill-rule='evenodd' d='M10 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2V1h-2zm0 15H5l5-6zm4-15h5c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2h-5v-9l5 6V5h-5z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:24px 24px;background-repeat:no-repeat;background-position:50%;padding:10px;border-radius:4px;opacity:.75;cursor:pointer;transform:scale(.6);transform-origin:bottom right;will-change:transform,background-size,background-color;transition:all .2s ease-in-out}.hello__reload[data-v-5bd539dc]:hover{opacity:.9;transform:scale(.75);background-color:#0003}.dark .hello[data-v-5bd539dc]{--hero-bottom-color:#1f2937}.twitch-if-online[data-v-5bd539dc]{z-index:3;position:absolute}.twitch-if-online[data-v-5bd539dc],.twitch-if-online iframe[data-v-5bd539dc]{width:100%;height:100%;background:#be2fd4}.twitch-if-online[data-v-5bd539dc]:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:1}.inline-h1[data-v-5bd539dc]{display:inline;@apply w-8 h-8;}@media screen and (min-width:640px){h1[data-v-5bd539dc]{font-size:1.5rem}}@media screen and (min-width:768px){h1[data-v-5bd539dc]{top:50%;bottom:auto;margin:0;font-size:2rem;padding:40px;transform:translateY(-50%)}.hello[data-v-5bd539dc]{aspect-ratio:21/9;@apply mb-6;}.hello[data-v-5bd539dc]:after{display:none}.hello__photo[data-v-5bd539dc]{inset:auto auto 4px 4px;padding:1px 4px 2px;border-radius:2px;transform:translate(0);transition:none;height:auto;line-height:normal}.hello__photo[data-v-5bd539dc],.hello__photo[data-v-5bd539dc]:hover{background:transparent}}@media screen and (min-width:1280px){h1[data-v-5bd539dc]{font-size:2.5rem}.hello[data-v-5bd539dc]{max-height:max(500px,60dvh)}}