.c-spacer{padding:3rem 0}.c-spacer.sm{padding:2rem 0}.c-spacer svg path{fill:currentColor}.c-spacer__divider{max-width:200px;margin:0 auto}.c-spacer__divider svg{transform:rotate(5deg)}.c-constrain{max-width:740px;margin-left:auto;margin-right:auto}.c-constrain__inner{height:100%;padding-left:var(--margin-lg);padding-right:var(--margin-lg)}.c-constrain.xs{max-width:380px}.c-constrain.sm{max-width:600px}.c-constrain.lg{max-width:1040px}.c-constrain.xl{max-width:1400px}.c-constrain.sidebar{display:grid;grid-template-columns:240px 1fr;grid-column-gap:var(--spacer-sm)}.c-constrain__sidebar{align-self:start}.c-constrain__sidebar>div{display:unset}@media screen and (max-width: 1380px){.c-constrain.sidebar{grid-template-columns:220px 1fr;max-width:940px}}@media screen and (max-width: 980px){.c-constrain.sidebar{display:block;border-radius:0}.c-constrain.sidebar .c-constrain__sidebar{margin-bottom:2rem;padding:var(--margin-lg);background-color:var(--color-bg-3);border-radius:var(--border-radius)}}.c-input-select__wrap{position:relative}.c-input-select__wrap>svg{position:absolute;top:calc(50% - 12px);right:6px}.c-input-select__wrap select{padding-right:24px}.c-input-avatar{position:relative}.c-input-avatar:after{content:"Drop file here";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff26;border:rgba(255,255,255,.3) dashed 4px;pointer-events:none;opacity:0;display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius)}.c-input-avatar.overlay:after{opacity:1}.c-input-avatar__inner{display:grid;grid-template-columns:48px 1fr}.c-input-avatar__inner input{width:calc(100% - var(--margin-lg));height:100%;margin-left:var(--margin-lg)}.c-input-avatar__img{width:48px;height:48px;border-radius:var(--border-radius);background-color:var(--color-bg-4);overflow:hidden}.c-input-avatar__img img{width:100%;height:100%;object-fit:cover;object-position:center center}.c-upload__droppable[data-v-65a300f8]{border:2px dashed var(--color-bg-4);padding:20px;text-align:center;transition:background-color .3s ease;border-radius:var(--border-radius-lg);overflow-y:auto;background-color:var(--color-bg-1);transition:all .1s linear}.c-upload__droppable.dragging[data-v-65a300f8]{background-color:hsl(var(--hue-p),50%,10%);border-color:var(--color-bg-5)}.c-upload__droppable>article[data-v-65a300f8]{display:flex;flex-direction:column;justify-content:center;align-items:center}.c-upload__droppable>article svg[data-v-65a300f8]{width:64px;height:64px}.c-upload__droppable>article .btn[data-v-65a300f8]:not(:first-child){margin-left:var(--margin)}.c-upload__item[data-v-65a300f8]{display:grid;grid-template-columns:64px 1fr;border:var(--color-bg-5) solid 2px;border-radius:var(--border-radius);padding:var(--margin-lg)}.c-upload__item[data-v-65a300f8]:not(:last-child){margin-bottom:var(--margin-lg)}.c-upload__item>section[data-v-65a300f8]{position:relative}.c-upload__item>section svg[data-v-65a300f8]{width:64px;height:64px}.c-upload__item>section span[data-v-65a300f8]{display:block;padding:0 .25rem;position:absolute;top:30px;background-color:var(--color-bg-5);color:var(--color-button-font);font-size:var(--font-size-xs);font-family:var(--font-family-monospace);line-height:1.2;border-radius:var(--border-radius-sm)}.c-upload__item>article[data-v-65a300f8]{text-align:left;display:flex;align-items:center;width:calc(100% - 150px)}.c-upload__item>article span[data-v-65a300f8]{width:100%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.c-upload__image[data-v-65a300f8],.c-upload__video[data-v-65a300f8]{max-width:100%;height:auto;border-radius:4px}.c-upload__footer[data-v-65a300f8]{padding:var(--margin-lg);display:flex;justify-content:center}.c-upload__footer .c-spinner[data-v-65a300f8]{margin-right:var(--margin)}.c-upload__progress[data-v-65a300f8]{width:100%;height:4px;border-radius:4px;background-color:var(--color-bg-1);overflow:hidden;transition:all .1s linear}.c-upload__progress>span[data-v-65a300f8]{display:block;height:100%;background-color:var(--color-primary)}.c-input-radio__inner{display:flex;flex-direction:column;width:100%;border:var(--color-input-background) solid 1px;border-radius:var(--border-radius);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0px 0px}.c-input-radio__item{display:flex;align-items:center;padding:var(--margin-lg);cursor:pointer;user-select:none;border-radius:var(--border-radius);transition:all var(--transition-time-sm) ease-out}.c-input-radio__item input.form-control{display:none}.c-input-radio__item:hover{background-color:var(--color-bg-4)}.c-input-radio__item label{margin:0;display:flex;align-items:center;font-size:var(--font-size-sm);cursor:pointer}.c-input-radio__item label svg{min-width:24px;opacity:.5;margin-right:var(--margin)}.c-input-radio__item.active svg{color:var(--color-primary-light);opacity:1}.c-input-checkbox-group{margin-bottom:.5rem}.c-input-checkbox-group__inner{display:flex;flex-direction:column;width:100%;border:var(--color-input-background) solid 1px;border-radius:var(--border-radius);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:var(--margin)}.c-input-checkbox-group__item{display:flex;align-items:center;padding:var(--margin-lg);cursor:pointer;user-select:none;border-radius:var(--border-radius);background-color:var(--color-bg-2);transition:all var(--transition-time-sm) ease-out}.c-input-checkbox-group__item input.form-control{display:none}.c-input-checkbox-group__item:hover{background-color:var(--color-bg-4)}.c-input-checkbox-group__item label{margin:0;display:flex;align-items:center;font-size:var(--font-size-sm);cursor:pointer}.c-input-checkbox-group__item label svg{min-width:24px;opacity:.5;margin-right:var(--margin)}.c-input-checkbox-group__item.active{background-color:var(--color-bg-4);color:var(--color-primary-light)}.c-input-checkbox-group__item.active svg{color:var(--color-primary-light);opacity:1}.c-form__errors{padding-top:8px}.c-snippet{display:flex;align-items:flex-start;padding:12px 0;position:relative}.c-snippet__thumbnail{position:relative;width:168px;height:94px;flex-shrink:0;border-radius:8px;overflow:hidden}.c-snippet__thumbnail-image{width:100%;height:100%;object-fit:cover}.c-snippet__thumbnail-duration{position:absolute;bottom:4px;right:4px;background:#000000bf;color:#fff;font-size:12px;padding:2px 4px;border-radius:2px}.c-snippet__thumbnail-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#7c36ff33}.c-snippet__thumbnail-progress-bar-progress{height:100%;background:#7c36ff}.c-snippet__info{flex:1;margin:0 12px;text-align:left;color:#aaa;font-size:12px}.c-snippet__info h4{margin-bottom:.25rem}.c-snippet__info .c-snippet__meta{display:flex;align-items:center;font-size:12px}.c-snippet__info .c-snippet__meta .c-snippet__views{margin-left:8px}.c-snippet__info .c-snippet__description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.c-snippet__channel{display:grid;grid-template-columns:max-content 1fr;align-items:center}.c-snippet__channel svg{width:14px;height:14px;color:currentColor;margin-left:4px}.c-copy.btn{height:initial;padding:var(--margin-sm) var(--margin);font-size:var(--font-size-sm);line-height:1.2}.c-metadata__segment{display:grid;grid-template-columns:1fr 75%}.c-metadata section strong{display:block;margin-bottom:.25rem}.c-metadata section p{font-size:var(--font-size-xs);font-family:var(--font-family-monospace);line-height:1.5;background-color:var(--color-bg-2);padding:.5rem;border-radius:.5rem}.c-metadata section p.article{white-space:break-spaces}.c-metadata section img{max-width:100%}@media screen and (max-width: 720px){.c-metadata__segment{display:block}.c-metadata section{margin-bottom:.5rem}}.c-landing-intro .d-intro{padding:4rem 0}.c-landing-intro .f-youtube{margin-bottom:2rem}.c-page-content__inner{padding:4rem 0}