@font-face{.thumbnail-streamer-preview-template{font-family:Stolzl;src:url(../fonts/Stolzl-Book.d9fea45c.woff) format("woff"),url(../fonts/Stolzl-Book.caca8caf.ttf) format("truetype"),url(../fonts/Stolzl-Book.0c5ae70a.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/Stolzl-Medium.7a769b0e.woff) format("woff"),url(../fonts/Stolzl-Medium.b524de23.ttf) format("truetype"),url(../fonts/Stolzl-Medium.0cc7d7d2.woff2) format("woff2");font-weight:500}}.thumbnail-streamer-preview-template{position:relative;overflow:hidden;min-width:var(--card-width);width:var(--card-width);max-width:var(--card-width);min-height:var(--card-height);height:var(--card-height);max-height:var(--card-height);background-image:repeating-conic-gradient(#807e95 0 25%,#79778e 0 50%);background-size:60px 60px;background-repeat:repeat}.thumbnail-streamer-preview-template__nickname-wrap{position:absolute;bottom:var(--nickname-bottom-position);left:20px;z-index:3;max-width:var(--nickname-max-width);max-height:140px;display:inline-flex}.thumbnail-streamer-preview-template__nickname-wrap .thumbnail-streamer-preview-template__nickname{color:#fff;font-family:Stolzl;font-weight:500;font-size:60px;line-height:66px;text-overflow:ellipsis;overflow:hidden}.thumbnail-streamer-preview-template__app-name{position:absolute;bottom:var(--app-name-bottom-position);left:-6px;z-index:3;padding:6px 0;display:flex;gap:4px;flex-direction:row;background-color:var(--app-name-background-color);color:#fff;font-family:Stolzl;font-weight:500;font-size:30px;line-height:36px;text-transform:uppercase;white-space:nowrap;white-space-collapse:preserve;transform:rotate(-8deg);transform-origin:top left}.thumbnail-streamer-preview-template__template-image{position:absolute;inset:0;z-index:2}.thumbnail-streamer-preview-template__template-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-streamer-preview-template__streamer-image{position:absolute;top:0;right:0;z-index:1;width:var(--streamer-image-width);height:var(--streamer-image-height)}.thumbnail-streamer-preview-template__streamer-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}