main[data-v-16d7b1]{height:100%}nav[data-v-16d7b1]{display:block;border:1px solid #fff;border-right:none;border-left:none;padding:20px 0}nav a[data-v-16d7b1]{padding:0 8px;text-decoration:none;text-transform:lowercase}.page[data-v-ab91de]{height:100%;width:100%;box-sizing:border-box;padding:50px 10px;color:#000;margin:auto;text-align:left}@media (min-width:600px){.page[data-v-ab91de]{padding:50px 20px 50px 60px}.page>*[data-v-ab91de]{padding-right:40px;max-height:100%}}.page--home[data-v-fa7fe1]{display:none}.custom-checkbox{position:relative}.custom-checkbox input[type=checkbox]{width:100%;position:absolute;left:0;right:0;height:100%;opacity:0}.custom-checkbox label{padding-left:29px;background-image:url(unchecked.6ddb586e.svg);height:16px;height:100%;display:inline-block;background-repeat:no-repeat;background-position:0;background-size:16px 16px}.custom-checkbox :checked+label{background-image:url(checked.731b3409.svg)}.searcher[data-v-7898ae]{position:relative;text-align:center}.search__input[data-v-7898ae]{font-family:Roboto Regular;box-sizing:border-box;background:#fff;padding:10px 11px 11px 53px;background-repeat:no-repeat;background-position:15px;background-image:url(search.701b1c4d.svg);height:40px;width:100%;max-width:400px;margin-bottom:15px;color:#d2c6bd}.search__input[data-v-7898ae]::placeholder{color:#d2c6bd}.filter-title[data-v-7898ae]{color:#d2c6bd;font-size:14px;margin:15px 0 27px}.no-results-sad-face[data-v-7898ae]{font-size:100px}a[data-v-7898ae]{color:#000;font-weight:700}.searcher__filter-btn[data-v-7898ae]{padding:0;box-sizing:border-box;line-height:18.46px;background:#000;color:#fff;background-image:url(filter.44c85133.svg);background-repeat:no-repeat;width:40px;height:40px;background-position:50%;color:transparent;border:4px solid transparent}.searcher__filter-btn[data-v-7898ae]:focus{border-color:orange}.searcher__filter-list[data-v-7898ae]{display:block;z-index:5;background:#d2c6bd;color:#000;margin:auto;text-align:left}@media (min-width:1400px){.searcher__filter-list[data-v-7898ae]{max-width:450px}}.reset[data-v-7898ae]{text-transform:uppercase;cursor:pointer}.reset[data-v-7898ae]:hover{text-decoration:underline}.searcher__filter-item[data-v-7898ae]{padding:12px 12px 12px 19px}.searcher__filter-item label[data-v-7898ae]{text-transform:none;font-size:14px}.searcher__filter-item input[data-v-7898ae]{margin-right:13px;width:16px;height:16px;border-radius:2px;border-color:transparent}.snapshot[data-v-1a6a52]{width:220px;height:180px;flex-shrink:1;box-sizing:border-box;position:relative;background:#000}.snapshot:hover h3[data-v-1a6a52]{background:#b4aaa4;color:#fff}.snapshot:hover img[data-v-1a6a52]{opacity:1}.snapshot--unmaintained[data-v-1a6a52]:after{content:"unmaintained";text-transform:uppercase;display:block;position:absolute;left:0;top:62px;right:0;background-image:url(unmaintained.c1738cf9.svg);background-size:auto 66px;background-position:top;background-repeat:no-repeat;text-align:center;color:#fff;height:96px;box-sizing:border-box;padding-top:78px;font-size:1.14285714rem}.snapshot--highlight h3 span[data-v-1a6a52]{text-shadow:0 4px 4px rgba(0,0,0,.25098039215686274)}.snapshot--unmaintained img[data-v-1a6a52]{opacity:.5}h3[data-v-1a6a52]{background:#e4dcd5;text-transform:uppercase;padding:12px;box-sizing:border-box;margin:0;font-size:12px;text-align:center;height:40px}h3[data-v-1a6a52],h3 a[data-v-1a6a52]{width:100%}h3 a[data-v-1a6a52]{overflow:hidden;display:inline-block;text-overflow:ellipsis}img[data-v-1a6a52]{opacity:.8;width:100%;height:140px;background:#fff;object-fit:cover}a[data-v-1a6a52],img[data-v-1a6a52]{display:block}a[data-v-1a6a52]{color:#000;text-decoration:none;z-index:2;position:relative}abbr[data-v-1a6a52]{color:#ffd000}footer[data-v-1a6a52]{background:#fff;color:#333;font-size:.8em;width:320px;padding:10px 0;text-transform:uppercase}.page--explore[data-v-517f46]{background:#faf0e9}.page__showcase[data-v-517f46]{display:flex;justify-content:center;flex-direction:row;flex-flow:row wrap;row-gap:28px;column-gap:28px;align-items:start;align-content:start;overflow:scroll;padding-bottom:90px;max-height:100%}a[data-v-517f46]{color:#000}.no-preview>img[data-v-cf630b]{height:200px;width:200px}.unmaintained-skin[data-v-cf630b]{display:flex;align-items:center;justify-content:center;background:#000;color:#fff;height:100%;padding:50px;text-align:center;text-transform:uppercase;flex-wrap:wrap;row-gap:22px}.unmaintained-skin>img[data-v-cf630b]{height:120px;width:120px;align-self:end}.unmaintained-skin>p[data-v-cf630b]{align-self:start;margin:0;font-size:1.3125rem;width:100%}.unmaintained-skin>p strong[data-v-cf630b]{display:block;font-size:1.875rem}.warning[data-v-616691]{padding:20px;width:100%;border:3px dashed orange;margin-bottom:20px}a[data-v-616691]{font-weight:700}.custom-select[data-v-aa2070]{position:relative;display:inline}.custom-select select[data-v-aa2070]{appearance:none;height:40px;min-width:130px;padding:0 18px;border:3px solid #000;background:#fff}.custom-select[data-v-aa2070]:after{content:"";display:block;position:absolute;width:40px;height:40px;background-repeat:no-repeat;right:auto;top:3px;right:-3px;top:6px;background-image:url(/arrow.62b6869a.svg)}:root{--preview-width:768;--preview-height:240;--preview-width-mobile:360;--preview-width-tablet:768;--preview-width-desktop:1800;--preview-height-desktop:1024;--preview-height-tablet:1024;--preview-height-mobile:740}.preview__area{position:relative;overflow:hidden;background:#e3f0ed;width:var(--preview-width);text-align:center;height:340px}iframe{margin:auto;background:#fff;display:block;border:0}.iframe--desktop,.iframe--tablet{transform-origin:0 0}.iframe--desktop{--scale-desktop:calc(var(--preview-width)/var(--preview-width-desktop));transform:scale(var(--scale-desktop),var(--scale-desktop));width:calc(var(--preview-width-desktop)*1px)}.iframe--tablet{--scale-tablet:calc(var(--preview-width)/var(--preview-width-tablet));transform:scale(var(--scale-tablet),var(--scale-tablet));width:calc(var(--preview-width-tablet)*1px)}.iframe--mobile{--scale-mobile:calc(var(--preview-width)/var(--preview-width-mobile));width:calc(var(--preview-width-mobile)*1px)}.preview__panel{padding:8px;width:var(--preview-width);color:#000;text-align:left;margin:15px 0 20px;display:flex}.article-changer{margin-right:19px}.loggedin-selector{margin-left:6px;align-self:center;text-align:center}.loggedin-selector .custom-checkbox label{padding-left:20px}.preview__area--unavailable{opacity:.5;background:grey;width:var(--preview-width);height:480px;position:relative;padding-top:260px}.preview__area--unavailable:after{position:absolute;top:170px;bottom:0;left:0;right:0;content:"\274c";font-size:50px;color:#fff;line-height:100px;text-align:center}.link--new-window{background:url(newWindow.eb4a882c.svg);width:50px;height:50px;padding:0 0 10px 10px;background-position:right -4px top -4px;background-size:40px 40px;background-repeat:no-repeat;display:block ruby;overflow:hidden;color:transparent;position:absolute;border:4px solid transparent;background-color:#e3f0ed;right:0;top:0;z-index:1;box-shadow:-2px 2px 6px rgba(0,0,0,.25)}.link--new-window:focus{border-color:orange}.screenshot[data-v-61efaa]{position:relative}.screenshot img[data-v-61efaa]{width:100%;height:440px;object-fit:cover;margin:auto}.screenshot .no-preview[data-v-61efaa],.screenshot[data-v-61efaa]:after{position:absolute;left:0;right:0;top:0;bottom:0;opacity:.7}.screenshot[data-v-61efaa]:after{border:4px solid #000;background:#fff;content:"Click to preview";color:#000;margin:200px;text-align:center;height:26px;opacity:.9}.screenshot.screenshot--disabled[data-v-61efaa]:after{content:none}.page--skin[data-v-2eacc0]{background:#faf0e9}a[data-v-2eacc0]{color:#000;text-decoration:none}a[data-v-2eacc0]:hover{text-decoration:underline}h2[data-v-2eacc0]{background:#000;color:#fff;padding:11px;text-align:center;font-size:14px}h2[data-v-2eacc0],h3[data-v-2eacc0]{text-transform:uppercase}.skinLink[data-v-2eacc0]{display:block;width:320px}.content[data-v-2eacc0]{height:100%;padding-bottom:100px;overflow:scroll}.page--404[data-v-83d5fd]{display:flex;align-items:center;min-height:400px;flex-direction:column;justify-content:center}.color-chart{display:flex;justify-content:center}.color-chart__blot{width:20px;height:20px}.btn[data-v-15cff1]{color:#fff;background:#000;text-transform:uppercase;padding:11px 10px;min-width:98px;position:relative;border:3px solid transparent;height:40px;font-weight:700;text-decoration:none;vertical-align:top;text-align:center;line-height:1;box-sizing:border-box}.btn[data-v-15cff1]:active,.btn[data-v-15cff1]:focus,.btn[data-v-15cff1]:hover{background:#8ba39d}.btn[data-v-15cff1]:active{border-color:#000;opacity:.8}.btn[data-v-15cff1]:disabled{opacity:.5}.btn--destructive[data-v-15cff1]{background:#f41a0c;color:#fff}.btn--destructive[data-v-15cff1]:active,.btn--destructive[data-v-15cff1]:focus,.btn--destructive[data-v-15cff1]:hover{background:#f41a0c;color:transparent;background-repeat:no-repeat;background-position:50%;background-image:url(reset.b419205a.svg)}.btn--destructive[data-v-15cff1]:active{opacity:.8}.tabs__links{list-style:none;margin:0;display:flex;align-items:center;justify-content:center;padding:0;text-align:center}.tabs__link{cursor:pointer;border-radius:10px 10px 0 0;width:235px;height:40px;margin-right:8px;align-self:flex-end;color:#000;background:#b9d1ca;padding-top:11px;padding-bottom:11px}.tabs__link:last-child{margin-right:0}.tabs__link--selected{background:#fff;color:#000}.tab{background:#fff;width:100%}.page--new{background:#e3f0ed}.page--new>div{overflow:scroll}.page__edit-area{position:relative}input{background:#000;padding:11px 24px;color:#fff;border:0}.editor-textarea{width:100%;border:0;padding:30px;height:400px}.preview-header{margin-bottom:15px;display:flex;align-items:center}.preview-header label{margin-right:13px}.preview-header input{margin-right:7px;width:400px;padding-right:50px}.preview-header button{margin-right:6px}.preview-header button:last-child{margin-right:0}.btn.reset-btn{width:54px;margin-top:10px}.data-explorer{width:100%;height:400px;text-align:left}.css-theme-changer{margin:0 auto;display:block}.preview-header__name{position:relative}.preview-header__name__random{background:none;cursor:pointer;border:0;display:block;width:20px;height:22px;right:20px;top:9px;color:transparent;position:absolute;background-image:url(random.135d2446.svg);transform:rotate(0deg)}.preview-header__name__random:focus{transition:transform .4s ease-in;transform:rotate(480deg)}