.upload-hint-info{vertical-align:top;text-align:center;justify-content:center;font-size:1.3em;position:relative;display:inline-flex}.upload-hint-info__right-content{text-align:left}.upload-hint-info__text{font-weight:700}.svg-hint-icon path{fill:var(--disable)}.svg-hint-icon--active .path--top{fill:var(--primary-color)}.hint__cost{font-size:22px}.upload-hint-button__prepend-icon{margin-right:8px}.upload-hint-button__prepend-icon .hint-mdi-coin{margin-top:0}.btn--visible-hint{margin-top:5px;color:var(--text-grey-d);font-size:.8em}.hint__my_coins{color:var(--text-grey-d);font-size:small}.cell-helper .hint__my_coins{text-align:center;padding-top:3px;padding-bottom:3px}.cell-helper .upload-hint-button--my-coins{margin-bottom:-31px}.upload-hint-button .hint__text{color:var(--text-color);text-transform:none;font:caption;font-size:16px;font-weight:500;line-height:1}.upload-hint-button .hint__text--single{white-space:nowrap}.upload-hint-button--author .hint__cost{text-decoration:line-through;opacity:.5}.upload-hint-button .v-btn--elevated .hint__text,.upload-hint-button .v-btn--outlined .hint__text{color:var(--text-color)}.upload-hint-button--opacity{display:none}.hint__description{margin-top:15px;color:gray;font-size:small;justify-content:center}.button-hint-disabled{align-items:center;display:inline-flex;flex:0 0 auto;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;opacity:.5;cursor:pointer}.upload-progress{vertical-align:top;text-align:center;justify-content:center;position:relative;display:inline-flex}.upload-progress__right-content{text-align:left}.upload-progress__metrics-wrap{display:inline-flex;align-items:center}.upload-progress__metrics-wrap--menu{cursor:pointer;border-radius:8px;transition:background-color .16s ease,transform .16s ease}.upload-progress__metrics-wrap--menu:hover{background:var(--bg-rgba-invert-005)}.upload-progress__metrics-wrap--menu:active{transform:translateY(1px)}.upload-progress__metrics-wrap--menu:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.upload-progress__metrics{display:inline-flex;align-items:center}.upload-progress__solved-icon-wrap{display:flex;align-items:center;justify-content:center}.upload-progress__solved-icon{color:var(--primary-color)}.upload-progress__text{font-weight:700}.upload-progress__value{display:inline-flex;align-items:baseline;line-height:1}.upload-progress__value small{line-height:1;font-size:12px}.upload-progress__value--error{color:var(--error-color)}.upload-progress__segmented-ring{display:block;transform:rotate(-90deg);overflow:visible}.upload-progress__segmented-ring-track,.upload-progress__segmented-ring-segment{fill:none}.upload-progress__segmented-ring-track{stroke:var(--disable);opacity:.55}.upload-progress__segmented-ring-segment{stroke-linecap:butt}.upload-progress__segmented-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.upload-progress{align-items:center;--upload-metric-row-gap: 3px}.upload-progress .upload-progress__circular{width:46px;flex:0 0 46px;margin-right:8px}.upload-progress .upload-progress__circular .upload-progress__segmented-center{font-size:12px}.preview-info .upload-progress .upload-progress__circular{width:auto}.upload-progress.upload-progress--compact .upload-progress__circular .upload-progress__segmented-center{font-size:12px}.upload-progress .upload-progress__timer-section{display:flex;align-items:center;border-left:1px solid var(--hr-light);border-right:1px solid var(--hr-light);padding:0 12px;text-align:left;background:transparent;border-top:none;border-bottom:none}.upload-progress .upload-progress__timer-icon-wrap{display:flex;align-items:center;justify-content:center;width:20px;margin-right:8px;flex:0 0 auto}.upload-progress .upload-progress__timer-content{display:grid;grid-template-rows:auto auto;row-gap:var(--upload-metric-row-gap);align-items:center}.upload-progress .upload-progress__right-content{padding-right:12px;display:grid;grid-template-rows:auto auto;row-gap:var(--upload-metric-row-gap);align-items:center}.upload-progress .upload-progress__text{display:flex;align-items:center;margin:0}.upload-progress .upload-progress__timer-value{display:inline-flex;align-items:center;line-height:1;white-space:nowrap;margin:0}.upload-progress .upload-progress__timer-icon{color:var(--primary-color);width:20px;height:20px}.upload-progress .upload-progress__timer-time{display:inline-block;min-width:5ch;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.upload-progress .upload-progress__subline{margin:0;line-height:1}.upload-progress__timer-section--menu{cursor:pointer}.upload-progress__timer-section--hidden{opacity:.72}.upload-progress__subline--success{color:var(--success-color)}.upload-progress--inline-layout{align-items:center;font-size:1em}.upload-progress--inline-layout .upload-progress__circular{flex:0 0 auto}.upload-progress--inline-layout .upload-progress__right-content{margin-left:6px;display:flex;align-items:center;min-width:0}.upload-progress--inline-layout .upload-progress__text{display:flex;align-items:center;margin:0;line-height:1;white-space:nowrap}.upload-progress--inline-layout .upload-progress__subline{display:none}.upload-progress--boxed-percent .upload-progress__circular{width:auto;height:auto;flex:0 0 auto;margin-right:0}.upload-progress--boxed-percent .upload-progress__segmented-ring{display:none}.upload-progress--boxed-percent .upload-progress__segmented-center{position:static;inset:auto;min-width:0;padding:2px 7px;border:1.5px solid currentColor;border-radius:4px;font-size:16px;font-weight:700;line-height:1.4;white-space:nowrap}.upload-progress--boxed-percent .upload-progress__right-content{margin-left:8px}.upload-pause-screen[data-v-1a890545]{position:absolute;inset:0;z-index:1004;box-sizing:border-box;min-height:260px;background:var(--bg-puzzle)}.upload-pause-screen__content[data-v-1a890545]{position:sticky;top:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;box-sizing:border-box;height:calc(100vh - 48px);min-height:260px;max-height:100%;padding:32px 20px;text-align:center}.body--real-fullscreen{top:0;height:100vh}.upload-pause-screen__icon[data-v-1a890545]{color:var(--primary-color)}.upload-pause-screen__title[data-v-1a890545]{color:var(--text-color);font-size:clamp(24px,5vw,36px);font-weight:600;line-height:1.2}.upload-pause-screen__continue[data-v-1a890545]{min-width:180px}.upload-start-screen{--start-emphasis: 0;--start-shadow-y: -12px;--start-shadow-blur: 22px;--start-shadow-spread: -8px;--title-marker-opacity: .8;--title-marker-rotation: 0deg;--title-marker-skew: 0deg;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;padding:56px 24px 84px;box-sizing:border-box;overflow:hidden}.upload-start-screen__bg{position:absolute;inset:0;background-size:100% auto;background-repeat:no-repeat;background-position:center top;filter:blur(4px)}.upload-start-screen__tint{position:absolute;inset:0;background:var(--bg-rgba-06)}.upload-start-screen__card{position:relative;box-sizing:border-box;width:100%;max-width:1120px;margin:auto;padding:44px 36px;border:1px solid transparent;border-radius:28px;background:var(--bg-vcard-accent-color);box-shadow:0 var(--start-shadow-y) var(--start-shadow-blur) var(--start-shadow-spread) #00000061;text-align:center;transition:border-color .12s ease,box-shadow 80ms linear;will-change:box-shadow}.upload-start-screen--outlined .upload-start-screen__card{border-color:var(--hr-light);box-shadow:0 var(--start-shadow-y) var(--start-shadow-blur) var(--start-shadow-spread) #00000061,0 0 0 1px var(--primary-color-a)}.upload-start-screen--start-ready .upload-start-screen__start-button{transform:scale(calc(1 + var(--start-emphasis) * .08));transition:transform 80ms linear}.upload-start-screen--start-ready.upload-start-screen--pulse-icon .upload-start-screen__start-button .v-btn__prepend .v-icon{transform-origin:center;animation:start-button-icon-pulse .8s ease-in-out infinite}.upload-start-screen__badge{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);background:#42a0961f}.upload-start-screen__title{position:relative;z-index:0;isolation:isolate;display:block;width:fit-content;max-width:calc(100% - 48px);margin:0 auto 18px;padding:2px 12px 4px;box-sizing:border-box;font-size:28px;line-height:1.15}.upload-start-screen__title:before{content:"";position:absolute;z-index:-1;inset:-7px -20px -8px;-webkit-mask-image:var(--title-marker-mask);mask-image:var(--title-marker-mask);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:var(--primary-color);opacity:0;transform:rotate(var(--title-marker-rotation)) skew(var(--title-marker-skew));transition:opacity .12s ease;pointer-events:none}.upload-start-screen--start-ready .upload-start-screen__title:before{opacity:var(--title-marker-opacity)}.upload-start-screen--start-ready .upload-start-screen__title{color:#fff}.upload-start-screen__description,.upload-start-screen__rule{margin:0;font-size:16px;line-height:1.5}.upload-start-screen__learn-link{display:inline-flex;align-self:center;margin:8px auto 0;padding:2px 4px;border:0;background:transparent;color:var(--primary-color);font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer}.upload-start-screen__rules-card{max-width:640px;text-align:left}.upload-start-screen__composition{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 6px}.upload-start-screen__composition-item{display:inline-flex;align-items:center;white-space:nowrap}.upload-start-screen__composition-item .v-icon{margin:0 3px}.upload-start-screen__composition-separator{margin-left:-3px}.upload-start-screen__points{margin-top:16px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;max-width:650px;margin-left:auto;margin-right:auto}.upload-start-screen__point{display:flex;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--text-grey-d)}.upload-start-screen__point-icon{flex-shrink:0;margin-right:8px;margin-top:1px;opacity:.7}.upload-start-screen__point-text{flex-grow:1}.upload-start-screen__rules{margin-top:18px;display:grid;gap:8px}.upload-start-screen__guest-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:20px auto 0;padding:14px;max-width:720px;border:1px solid rgba(66,160,150,.26);border-radius:8px;background:#42a09614;text-align:left}.upload-start-screen__guest-progress-icon{display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.upload-start-screen__guest-progress-icon .v-icon{width:38px;height:38px;border-radius:50%;background:var(--bg-main)}.upload-start-screen__guest-progress-title{font-weight:700;line-height:1.25}.upload-start-screen__guest-progress-text{margin-top:3px;font-size:13px;line-height:1.4;color:var(--text-grey-d)}.upload-start-screen__guest-progress-summary{display:flex;align-items:center;gap:10px;margin-top:10px}.upload-start-screen__guest-progress-percent{font-size:10px;line-height:1}.upload-start-screen__guest-progress-gain{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--text-grey-d)}.upload-start-screen__guest-progress-gain strong{color:var(--primary-color)}.upload-start-screen__guest-progress-actions{display:flex;align-items:center;gap:8px}.upload-start-screen__actions{margin-top:22px}.upload-start-screen__start-cta{position:relative;display:inline-flex;justify-content:center}.upload-start-screen__start-cta>.upload-start-screen__start-button{position:relative;z-index:1}.upload-start-screen__start-arrow{position:absolute;z-index:0;top:calc(50% - 12px);left:calc(100% + 13px);width:179px;height:54px;overflow:visible;color:var(--primary-color);opacity:var(--title-marker-opacity);filter:drop-shadow(0 4px 8px var(--primary-color-a));pointer-events:none}.upload-start-screen__start-arrow path{fill:currentColor}.upload-start-screen__guest-limit,.upload-start-screen__auth-limit{display:grid;justify-items:center;gap:10px;max-width:560px;margin:0 auto}body.theme--dark .upload-start-screen__guest-limit-alert,#app>.theme--dark .upload-start-screen__guest-limit-alert,.theme--dark .upload-start-screen__guest-limit-alert,.v-theme--dark .upload-start-screen__guest-limit-alert{--v-theme-error: 216, 143, 143;background:#6f343424}.upload-start-screen__guest-limit-title,.upload-start-screen__auth-limit-title{font-weight:700;line-height:1.3}.upload-start-screen__guest-limit-text,.upload-start-screen__auth-limit-text{margin:6px 0 14px;color:var(--text-grey-d);font-size:14px;line-height:1.45}.upload-start-screen__guest-limit-text a.upload-start-screen__guest-limit-link{color:var(--primary-color);text-decoration:none}.upload-start-screen__guest-limit-text a.upload-start-screen__guest-limit-link:hover{text-decoration:none}.upload-start-screen__guest-limit-login-hint{margin:0;color:var(--text-grey-d);font-size:14px;line-height:1.45}.upload-start-screen__auth-limit-timer{color:var(--text-grey-d);font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums}.upload-start-screen__paid-start-price{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.35);font-variant-numeric:tabular-nums}.upload-start-screen__free-types{margin-top:14px;display:grid;justify-items:center;gap:8px}.upload-start-screen__free-types-title{color:var(--text-grey-d);font-size:13px;line-height:1.4}.upload-start-screen__free-types-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:14px;line-height:1.4}.upload-start-screen__free-types-link{color:var(--primary-color);text-decoration:none}.upload-start-screen__free-types-link:hover{text-decoration:underline}@media(max-width:760px){.upload-start-screen__start-cta{padding-bottom:78px}.upload-start-screen__start-arrow{top:72px;left:50%;width:166px;transform:translate(-8%) rotate(-4deg)}}@media(max-width:640px){.upload-start-screen{padding:30px 0 44px}.upload-start-screen__card{padding:30px 22px;border-radius:0;border-left:none;border-right:none}.upload-start-screen__title{font-size:24px}.upload-start-screen__guest-progress{grid-template-columns:1fr;text-align:center}.upload-start-screen__guest-progress-icon{margin:0 auto}.upload-start-screen__guest-progress-actions{justify-content:center;flex-wrap:wrap}.upload-start-screen__guest-progress-summary{justify-content:center}}@media(prefers-reduced-motion:reduce){.upload-start-screen__card,.upload-start-screen__start-button{transition:none}.upload-start-screen--start-ready.upload-start-screen--pulse-icon .upload-start-screen__start-button .v-btn__prepend .v-icon{animation:none}}@-moz-keyframes start-button-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@-webkit-keyframes start-button-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@-o-keyframes start-button-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes start-button-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}
