typecho-core

Version:

An element-drived engine working well with XHR-intensive front-end. Originally designed for Typecho.

1 lines • 75.6 kB

CSS

html{box-sizing:border-box;scroll-padding-top:6rem}body,html{margin:0;padding:0;min-height:100vh;font-family:var(--font-family-base);color:var(--color-base);accent-color:var(--color-primary);background:var(--color-surface-0);transition:var(--transition-background)}*,::after,::before{box-sizing:inherit}:focus{outline-color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}:root.skin-dark{color-scheme:dark}input,select,textarea{border:1px solid var(--border-color-base);background-color:var(--color-surface-1);color:var(--color-base--emphasized)}hr,p{margin:var(--space-md) 0}p{overflow-wrap:break-word}a{color:var(--color-link);text-decoration:none}a:focus,a:hover{text-decoration:underline}a:hover{color:var(--color-link--hover)}h1,h2,h3,h4,h5,h6{margin:0 0 .25em;color:var(--color-base--emphasized);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xs)}h1,h2{margin-top:.5em}h3,h4{margin-top:.4em}h5,h6{margin-top:.2em}h1{font-weight:lighter;font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}ul{padding:0;margin:var(--space-md) 0 var(--space-md) var(--space-lg)}th{font-weight:var(--font-weight-semibold)}hr{border:0;height:0;border-top:1px solid var(--border-color-base--darker);box-sizing:content-box;overflow:visible}input{font-family:var(--font-family-base)}textarea{width:100%;cursor:text!important}img.lazyload{opacity:0}img.lazyloaded,img.lazyloading{opacity:1;transition:opacity linear .1s}video{max-width:100%}@media screen and (min-width:720px){html{scroll-behavior:smooth}}@media screen and (hover:hover){*{scrollbar-width:thin}}:root{--font-family-base:"Noto Serif SC";--font-family-mono:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;--font-size-h1:1.750rem;--font-size-h2:1.375rem;--font-size-h3:1.125rem;--font-size-h4:1rem;--font-size-h5:1rem;--font-size-h6:1rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--opacity-base--disabled:0.3;--opacity-icon-base:0.6;--opacity-icon-base--hover:0.8;--opacity-icon-base--active:1;--size-icon:1.5rem;--border-color-base:rgba(0, 0, 0, 0.05);--border-color-base--lighter:rgba(0, 0, 0, 0.02);--border-color-base--darker:rgba(0, 0, 0, 0.10);--border-color-input:rgba(0, 0, 0, 0.05);--border-color-input--hover:rgba(0, 0, 0, 0.40);--border-radius--small:4px;--border-radius--medium:8px;--border-radius--large:12px;--border-radius--pill:128px;--text-shadow:0 0.1875rem 0.3125rem hsl(205 10% 12%);--box-shadow-card:0 3px 2px -4px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.03)),0 7px 5px -4px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.01)),0 13px 10px -4px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.02)),0 22px 18px -4px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.02)),0 42px 33px -4px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.03)),0 100px 80px -4px hsla(var(--surface-shadow), var(--shadow-strength));--box-shadow-dialog:0 3px 2px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.03)),0 7px 5px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.01)),0 13px 10px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.02)),0 22px 18px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.02)),0 42px 33px hsla(var(--surface-shadow), calc(var(--shadow-strength) + 0.03)),0 100px 80px hsla(var(--surface-shadow), var(--shadow-strength));--transition-bezier:cubic-bezier(0.215, 0.6, 0.35, 1);--transition-hover:150ms var(--transition-bezier);--transition-background:background var(--transition-hover);--color-primary--h:220;--color-primary--s:60%;--color-primary--l:50%;--color-surface-0:hsl(000, 00%, 100%);--color-surface-1:hsl(000, 00%, 100%);--color-surface-2:hsl(210, 17%, 098%);--color-surface-3:hsl(220, 17%, 093%);--color-surface-4:hsl(213, 09%, 080%);--color-base:#54595d;--color-base--emphasized:#202122;--color-base--subtle:#72777d;--color-header-text:var(--color-surface-3);--color-primary:hsl(var(--color-primary--h), var(--color-primary--s), var(--color-primary--l));--color-primary--hover:hsl(var(--color-primary--h), var(--color-primary--s), calc(var(--color-primary--l) * 1.2));--color-primary--active:hsl(var(--color-primary--h), var(--color-primary--s), calc(var(--color-primary--l) * 0.8));--background-color-primary--hover:hsl(var(--color-primary--h), var(--color-primary--s), 95%);--background-color-primary--active:hsl(var(--color-primary--h), var(--color-primary--s), 90%);--color-surface-2--hover:hsl(210, 17%, 100%);--color-surface-2--active:hsl(210, 17%, 096%);--background-color-destructive:rgba(221, 051, 051, 0.1);--background-color-success:rgba(000, 175, 137, 0.1);--background-color-warning:rgba(255, 204, 051, 0.1);--background-image-destructive:linear-gradient(var(--background-color-destructive), var(--background-color-destructive));--background-image-success:linear-gradient(var(--background-color-success), var(--background-color-success));--background-image-warning:linear-gradient(var(--background-color-warning), var(--background-color-warning));--surface-shadow:var(--color-primary--h),10%,20%;--shadow-strength:0.02;--background-color-overlay:rgba(255, 255, 255, 0.95);--background-color-overlay--lighter:rgba(255, 255, 255, 0.60);--background-color-icon:rgba(0, 0, 0, 0.60);--background-color-icon--hover:rgba(0, 0, 0, 0.80);--background-color-icon--active:black;--background-color-quiet--hover:rgba(0, 0, 0, 0.06);--background-color-quiet--active:rgba(0, 0, 0, 0.10);--color-destructive:#dd3333;--color-destructive--hover:#e35b5b;--color-destructive--active:#b32424;--color-warning:#ffcc33;--color-success:#00af89;--color-text-error:#dd3333;--color-text-warning:#ac6600;--color-text-success:#14866d;--color-link-new:#dd3333;--color-link-new--hover:#e35b5b;--color-link-new--active:#b32424;--color-syntax-red:#e53935;--color-syntax-orange:#f76d47;--color-syntax-yellow:#e2931d;--color-syntax-green:#299f01;--color-syntax-cyan:#39adb5;--color-syntax-blue:#6182b8;--color-syntax-paleblue:#8796b0;--color-syntax-purple:#9c3eda;--color-syntax-brown:#916b53;--color-syntax-pink:#ff5370;--color-syntax-violet:#945eb8;--color-syntax-grey:#90a4ae;--highlight-marker-yellow:#fdfd77;--highlight-marker-green:#62f962;--highlight-marker-pink:#fc7899;--highlight-marker-blue:#72ccfd;--highlight-pen-red:#e71313;--highlight-pen-green:#128a00}:root.skin-dark{--color-primary--l:60%;--color-surface-0:hsl(var(--color-primary--h), 20%, 10%);--color-surface-1:hsl(var(--color-primary--h), 25%, 12%);--color-surface-2:hsl(var(--color-primary--h), 25%, 15%);--color-surface-3:hsl(var(--color-primary--h), 15%, 20%);--color-surface-4:hsl(var(--color-primary--h), 15%, 25%);--color-base--emphasized:hsl(var(--color-primary--h), 80%, 95%);--color-base:hsl(var(--color-primary--h), 25%, 80%);--color-base--subtle:hsl(var(--color-primary--h), 25%, 65%);--background-color-primary--hover:hsl(var(--color-primary--h), var(--color-primary--s), 15%);--background-color-primary--active:hsl(var(--color-primary--h), var(--color-primary--s), 20%);--background-color-overlay:hsla(var(--color-primary--h), 20%, 10%, 0.95);--background-color-overlay--lighter:hsla(var(--color-primary--h), 20%, 10%, 0.60);--color-surface-2--hover:hsl(var(--color-primary--h), 30%, 19%);--color-surface-2--active:hsl(var(--color-primary--h), 30%, 11%);--surface-shadow:var(--color-primary--h),50%,3%;--shadow-strength:0.8;--filter-invert:invert(1) hue-rotate(180deg);--background-color-icon:rgba(255, 255, 255, 0.60);--background-color-icon--hover:rgba(255, 255, 255, 0.80);--background-color-icon--active:rgba(255, 255, 255, 0.40);--background-color-quiet--hover:rgba(255, 255, 255, 0.07);--background-color-quiet--active:rgba(255, 255, 255, 0.03);--color-header-text:var(--color-surface-4);--color-text-error:#e35b5b;--color-text-warning:#ffcc33;--color-text-success:#03d9ac;--color-link-new:#e35b5b;--color-link-new--hover:#fee7e6;--color-link-new--active:#b32424;--color-syntax-red:#f07178;--color-syntax-orange:#f78c6c;--color-syntax-yellow:#ffcb6b;--color-syntax-cyan:#89ddff;--color-syntax-blue:#82aaff;--color-syntax-paleblue:#b2ccd6;--color-syntax-purple:#c792ea;--color-syntax-brown:#bf8260;--color-syntax-pink:#ff9cac;--color-syntax-violet:#bb80b3;--opacity-icon-base--active:0.4;--border-color-base:rgba(255, 255, 255, 0.05);--border-color-base--lighter:rgba(255, 255, 255, 0.02);--border-color-base--darker:rgba(255, 255, 255, 0.10);--border-color-input:rgba(255, 255, 255, 0.05);--border-color-input--hover:rgba(255, 255, 255, 0.50)}html{--header-size:3.5rem;--header-card-maxheight:70vh;--width-layout:1200px;--width-layout--extended:calc( var(--width-layout) * 1.5 );--width-toc:230px;--line-height:1.600;--line-height-xs:1.250;--line-height-sm:1.375;--space-unit:1rem;--space-xxs:calc( 0.25 * var(--space-unit) );--space-xs:calc( 0.50 * var(--space-unit) );--space-sm:calc( 0.75 * var(--space-unit) );--space-md:var(--space-unit);--space-lg:calc( 1.25 * var(--space-unit) );--space-xl:calc( 1.50 * var(--space-unit) );--space-xxl:calc( 2.00 * var(--space-unit) );--padding-page:16px;--margin-layout:calc( ( 100vw - var(--width-layout) ) / 2 );--transition-menu:250ms ease}a{--color-link:#338ccc;--color-link--hover:hsl( 205, 60%, calc( 50% * 1.2 ) );--color-link--active:hsl( 205, 60%, calc( 50% * 0.8 ) )}@media (min-width:720px){:root{--font-size-h1:3.500rem;--font-size-h2:1.500rem;--font-size-h3:1.250rem;--font-size-h4:1.125rem}html{--padding-page:24px}}@media (min-width:1000px){html{--padding-page:32px;--header-card-maxheight:calc( 100vh - var(--space-sm) * 2 )}}@media (max-width:1300px){html{--width-toc:calc( 230px - 55px )}}.nowrap{white-space:nowrap}.p-button{margin:0;border:0;padding:var(--space-xxs) var(--space-sm);appearance:none;background:0 0;cursor:pointer;font-size:.875rem;font-family:inherit;display:inline-block;font-weight:var(--font-weight-medium);white-space:nowrap;position:relative;line-height:var(--line-height);min-height:32px;border-radius:2px;text-decoration:none!important;transition:background-color .1s,color .1s,border-color .1s,box-shadow .1s;user-select:none}.p-button--iconic{display:flex!important;flex-direction:row;column-gap:var(--space-xs);align-items:center}.p-button--default{color:var(--color-base);border-color:var(--color-surface-2);background-color:var(--color-surface-2)}.p-button--default:hover{color:var(--color-base);border-color:var(--color-surface-3);background-color:var(--color-surface-3)}.p-button--primary{color:#fff;border-color:var(--color-primary);background-color:var(--color-primary)}.p-button--primary:hover{color:#fff;border-color:var(--color-primary--hover);background-color:var(--color-primary--hover)}.p-button--destructive{color:#fff;border-color:var(--color-destructive);background-color:var(--color-destructive)}.p-button--destructive:hover{color:#fff;border-color:var(--color-destructive--hover);background-color:var(--color-destructive--hover)}.p-button--interactive{color:#fff;border-color:var(--color-success);background-color:var(--color-success)}.p-button--interactive:hover{color:#fff;border-color:var(--color-text-success);background-color:var(--color-text-success)}.p-button--extended{padding:5px 32px}.indicators{display:flex;align-items:center;padding-left:10px;margin-left:10px;border-left:1px solid var(--border-color-base);font-size:.875rem}.indicator{filter:var(--filter-invert)}.ui-icon{display:block;width:var(--size-icon);height:var(--size-icon);contain:strict;user-select:none}.hidden{visibility:hidden}.mono{font-family:var(--font-family-mono)!important}a.forElement{display:block;padding:40px;text-decoration:none;color:inherit;cursor:pointer}a.button{margin-top:-1px;cursor:pointer}div:has(.u-closeEntire){margin-bottom:0}.flashMessage{position:fixed;top:0;left:0;right:0;z-index:900;font-size:1rem;color:var(--color-base--emphasized);background:var(--color-surface-3);padding:var(--space-sm);text-align:center;box-shadow:var(--box-shadow-dialog);opacity:0;transition:all .25s ease;overflow-y:hidden;height:0}.flashMessage.is-active{opacity:1;display:block;height:3.35rem;overflow-y:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 ,0,0,0);border:0}body:has(.u-centerTitle) .firstHeading-container{justify-content:center}body:has(.u-centerTitle) .p-description{text-align:center}.overlay-container{display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:900;background:rgba(0,0,0,.35);-webkit-overflow-scrolling:touch;opacity:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.overlay-container.is-active{opacity:1}.overlay-container:has(.overlay-dialog){display:flex}body.is-modalOpen{overflow:hidden!important}body.is-modalOpen>.body,body.is-modalOpen>.body .p-header.p-header-classic,body.is-modalOpen>.p-footer{overflow-y:scroll}body.is-modalOpen .overlay-container{overflow-y:scroll!important}body.is-modalOpen .overlay{overflow-y:auto}.overlay{position:relative;margin:4vh auto 10px;width:100%;max-width:800px;background:var(--color-surface-0);box-shadow:var(--box-shadow-dialog);outline:0;max-height:90vh;animation:.2s var(--transition-bezier) fadeInLeft backwards}.overlay.overlay-dialog{width:auto;margin:auto}.overlay-title{margin:0;font-weight:700;font-size:1.25rem;text-align:center;color:var(--color-base--emphasized);background:var(--color-surface-2);padding:var(--space-xs) var(--space-md)}.overlay-content{padding:var(--space-sm) var(--space-md)}.p-dialog--message{padding:var(--space-sm) var(--space-xxl) var(--space-md)}.overlay.overlay-dialog .overlay-content{padding:0}.p-dialog--action{display:flex;border-top:1px solid var(--border-color-base)}.p-dialog--action>a,.p-dialog--action>button{flex:1}.loading{--size-icon-loading:calc(0.8 * var(--size-icon));position:relative;width:var(--size-icon-loading);height:var(--size-icon-loading);border:2px solid var(--border-color-base--darker);border-left-color:currentColor;border-radius:100%;animation:u-rotate infinite .75s linear}.inspector{position:absolute;inset:0;display:flex;align-items:center;opacity:0;justify-content:center;background-color:var(--color-surface-3);font-size:.875rem;font-family:var(--font-family-base),sans-serif;cursor:not-allowed;user-select:none;transition:opacity .2s ease-out;z-index:11}.inspector.is-loading{opacity:1}@media (hover:none){a,button,label{touch-action:manipulation}}.u-iconWidget{display:inline-block;user-select:none;vertical-align:middle}.u-widget{font-size:.875rem}.u-widget label{user-select:none}.u-iconWidget{clip:auto;margin:0;text-indent:-9999px;line-height:2.5;position:static;top:auto;height:1.42857143em;background-position:center center;background-repeat:no-repeat}.u-inputWidget-input{box-shadow:inset 0 0 0 1px transparent;transition:border-color 250ms,box-shadow 250ms,var(--transition-background)}.u-inputWidget-input:hover{border-color:var(--color-primary);background-color:var(--color-surface-0)}.u-inputWidget-input:focus{outline:transparent solid 1px;border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.u-label{padding:.15rem 0}.u-description{font-size:.75rem!important;margin:var(--space-sm) 0 0}.u-textInputWidget input{height:2.25em}.u-textInputWidget .u-inputWidget-input{margin:0;padding:5px 8px;font-family:inherit;line-height:1.42857143em}.u-fieldLayout-body{display:table;width:100%;max-width:50em}.u-fieldLayout-body>.u-fieldLayout-field{width:fit-content;display:flex;vertical-align:middle;align-items:center;column-gap:.5rem;margin:.75rem 0}.u-checkboxInputWidget{display:inline-flex;z-index:0;position:relative;line-height:1.42857143em;margin-right:var(--space-md);white-space:nowrap;align-items:center;column-gap:var(--space-xs);vertical-align:sub}.u-checkboxInputWidget [type=checkbox]{position:relative;max-width:none;width:1.42857143em;height:1.42857143em;margin:0;opacity:0;cursor:pointer;z-index:1}.u-checkboxInputWidget *{font:inherit}.u-checkboxInputWidget [type=checkbox]+span{background-size:1em 1em;background-color:transparent;box-sizing:border-box;position:absolute;left:0;width:1.42857143em;height:1.42857143em;border-color:var(--border-color-base--darker);border-style:solid;border-radius:2px;border-width:1px;cursor:pointer;padding:0;overflow:hidden;transition:background-color .1s,border-color .1s,box-shadow .1s}.u-checkboxInputWidget [type=checkbox]:checked+span{border-color:var(--color-primary);background-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E")}.u-checkboxInputWidget [type=checkbox]:focus+span{border-color:var(--color-primary);background-color:var(--color-surface-0);box-shadow:inset 0 0 0 1px var(--color-primary)}.u-checkboxInputWidget [type=checkbox]:checked:focus+span{border-color:var(--color-primary);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary),inset 0 0 0 2px #fff}.u-radioInputWidget{display:inline-flex;column-gap:var(--space-sm);position:relative;line-height:1.45em;vertical-align:middle;white-space:nowrap;align-items:center;flex-wrap:nowrap;margin-right:var(--space-md);z-index:0}.u-radioInputWidget [type=radio]{width:1.45em;height:1.45em;margin:0;position:relative;max-width:none;opacity:0;z-index:1}.u-radioInputWidget [type=radio]:checked+span{border-width:6px;border-color:var(--color-primary)}.u-radioInputHelper{position:absolute;left:0;box-sizing:border-box;width:1.45em;height:1.45em;background-color:var(--color-surface-0);border-color:var(--border-color-input--hover);border-style:solid;border-radius:50%;border-width:1px;color:transparent;cursor:default;transition-property:background-color,border-color,border-width;transition-duration:.1s}.u-radioInputHelper:before{content:' ';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px solid transparent;border-radius:50%}.u-dropdownWidget{position:relative;font-family:inherit;display:inline-block;vertical-align:middle;padding:var(--space-xxs) var(--space-xs);border-radius:2px;background-color:var(--color-surface-2);color:var(--color-base)}.p-header{view-transition-name:wubba-lubba-dub-dub}.p-footer{view-transition-name:jerry-sucks}.flashMessage{view-transition-name:pickle-rick}.p-token--dropdown{view-transition-name:morty}.overlay-container{view-transition-name:summerTinkles}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideUp{from{transform:translatey(20px);opacity:0}to{transform:translatey(0);opacity:1}}@keyframes slideUpCopy{from{transform:translatey(20px);opacity:0}to{transform:translatey(0);opacity:1}}@keyframes slideDown{from{transform:translatey(0);opacity:1}to{transform:translatey(20px);opacity:0}}.container.animation-slideUpDown{view-transition-name:slideUpDown}::view-transition-old(slideUpDown){animation-name:slideDown;animation-fill-mode:forwards}::view-transition-new(slideUpDown){animation-name:slideUp;animation-fill-mode:backwards}@keyframes smoothIn{0%{opacity:0;transform:scale(.975)}100%{opacity:1;transform:scale(1)}}@keyframes smoothInQuit{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.975)}}@keyframes smoothOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.025)}}@keyframes smoothOutEnter{0%{opacity:0;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}.container.animation-smoothInOut{view-transition-name:smoothForward}::view-transition-new(smoothForward){animation-name:smoothIn;animation-fill-mode:backwards}::view-transition-old(smoothBackward){animation-name:smoothInQuit;animation-fill-mode:forwards}::view-transition-new(smoothBackward){animation-name:smoothOutEnter;animation-fill-mode:backwards}::view-transition-new(slideUpDown),::view-transition-new(smoothBackward),::view-transition-new(smoothForward),::view-transition-old(slideUpDown),::view-transition-old(smoothBackward),::view-transition-old(smoothForward){animation-duration:.2s;animation-timing-function:var(--transition-bezier)}@keyframes fadeInLeft{from{opacity:0;transform:translate(-20px,0)}to{opacity:1;transform:translate(0,0)}}.p-toc--card{animation:.4s cubic-bezier(.4,0,.2,1) fadeInLeft;animation-fill-mode:backwards;animation-delay:.4s}.p-footer,.p-header{transition:var(--transition-background),box-shadow 250ms ease}.p-toc{font-size:.875rem;line-height:var(--line-height-xs)}.instant-editor .p-toc{opacity:.45;user-select:none;pointer-events:none}.p-toc--card{display:flex;flex-direction:column;gap:var(--space-sm)}.p-toc--header{color:var(--color-base--subtle);letter-spacing:.05em;padding-left:var(--space-xs)}.p-toc--switchButton{display:none}.toc-list{margin:0!important;padding:0!important;list-style:none}.toc-link{display:block;height:auto!important;padding:var(--space-xs);border-radius:var(--border-radius--small);color:unset;transition:var(--transition-hover);transition-property:background,color;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-link:hover{text-decoration:none;background-color:var(--background-color-quiet--hover)}.toc-link.is-active{color:var(--color-primary)}@media screen and (min-width:1000px){.p-toc--card{--toc-margin-top:3rem;position:sticky;top:var(--toc-margin-top);max-height:calc(100vh - var(--toc-margin-top) - var(--space-md));overflow-y:auto;overscroll-behavior:contain}.p-toc--card.u-hidden{opacity:1;visibility:visible!important}.p-header-classic+.container .p-toc--card{--toc-margin-top:6rem}}@media screen and (max-width:999px){.p-toc--card,.p-toc--switchButton{margin:var(--space-xs);background-color:var(--color-surface-1);box-shadow:var(--box-shadow-dialog);transition:var(--transition-menu)}.p-toc{right:0;font-size:.875rem;position:fixed;z-index:11;bottom:calc(var(--header-size) + var(--space-xs))}.p-toc--switchButton{position:absolute;right:0;bottom:0;display:grid;width:2.5rem;height:2.5rem;border:none;border-radius:var(--border-radius--medium);place-content:center;cursor:pointer;transition:var(--transition-background),box-shadow .1s linear}.p-toc--switchButton:hover{background-color:var(--color-surface-3)}.p-toc--switchButton::before{content:"format_list_bulleted";font-family:'Material Icons',sans-serif;font-size:1rem}.p-toc--card{overflow:auto;position:relative;max-height:calc(var(--header-card-maxheight) - 8rem);padding:var(--space-md);overscroll-behavior:contain;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color-base);border-radius:var(--border-radius--medium)}.p-toc--switchButton.js-on{background-color:transparent;box-shadow:none;z-index:-99}}.p-formRow--textInput{padding:var(--space-xs)}.p-formRow--submit{display:flex;align-items:center;column-gap:var(--space-md);margin:var(--space-xxl) 0 0}.p-formRow--divided{padding:var(--space-md) 0;border-top:1px solid var(--border-color-base)}.p-formRow--multiline .p-multiline{display:flex;margin:var(--space-md) 0 0 2.5%;align-items:center}.p-formRow--multiline .p-multiline input[type=checkbox]:first-child{margin-right:var(--space-sm)}.p-formRow--multiline .p-multiline a{vertical-align:baseline}.p-formRow--individual{display:flex;column-gap:var(--space-sm);align-items:center}.p-formList{margin:0}.p-formList .p-formList--row{list-style:none;display:flex;flex-wrap:wrap;column-gap:var(--space-md);align-items:baseline;transition:var(--transition-background);background-color:var(--color-surface-0)}.p-formList--row .p-list--headless{max-width:min-content}.p-option:not(.p-formRow--multiline) li{display:flex;flex-wrap:wrap}.p-option:not(.p-formRow--multiline) li .p-label{flex:0 0 20%;box-sizing:border-box}.p-option:not(.p-formRow--multiline) li .p-description{flex:0 0 100%}.p-batch{margin:0;display:flex;list-style:none;column-gap:var(--space-sm);align-items:center}.p-batch .p-multiline{display:flex;column-gap:var(--space-xxs)}.body{position:relative;z-index:1}.p-header-classic~.container{margin-left:0;margin-top:calc(var(--header-size) * 1.15)}.p-body-container{display:grid;justify-content:center;padding:0 var(--padding-page);margin:var(--space-xl) 0 0;gap:var(--space-md) var(--space-xl);min-height:70vh;grid-template-areas:"header" "content" "footer" "comment";grid-template-columns:minmax(0,var(--width-layout));background:0 0}.p-category-header~.p-grid{margin-top:var(--space-md)}.p-body-container:has(.p-cover--immersive){padding-top:16.75rem;margin-top:0}.p-cover~.p-content{margin-top:var(--space-xs)}.p-body-container:has(.p-cover) .p-toc{margin-top:8rem}.p-content{grid-area:content;line-height:var(--line-height);z-index:2}.p-content[data-content-loading=true]>*{opacity:0}.p-body-footer{display:flex;flex-direction:column;gap:var(--space-xl);grid-area:footer;line-height:var(--line-height-sm)}.p-comment{grid-area:comment;margin-top:var(--space-lg)}.p-grid{display:grid;grid-area:content;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-xl)}section:not(.p-grid) .p-post{margin-bottom:var(--space-xs)}.p-category--container{display:flex;flex-wrap:wrap;gap:var(--space-sm);list-style:none;margin-left:0}.p-error{display:flex;min-height:55vh;flex-direction:column;justify-content:center}@media screen and (min-width:1000px){.container{margin-left:var(--header-size)}.p-body-container:has(.p-toc){display:grid;grid-template-areas:"toc header" "toc content" "toc footer" "toc comment";grid-template-columns:var(--width-toc) minmax(0,var(--width-layout))}.p-body-container:has(.p-toc--right){grid-template-areas:"header toc" "content toc" "footer toc" "comment toc";grid-template-columns:minmax(0,var(--width-layout)) var(--width-toc);padding-right:0}.p-cover{left:var(--header-size)!important}.p-toc{grid-area:toc;animation:.15s .45s backwards macroAnimation}.p-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.p-cover{height:16rem!important}.p-body-container:has(.p-cover--immersive){padding-top:11.75rem}}@media (max-width:560px){.p-grid{grid-template-columns:repeat(1,1fr)}}.p-header,.p-header--inner{flex-direction:var(--header-direction);gap:var(--space-xxs)}.p-header{--header-icon-size:calc(var(--header-button-size) / 2);--header-button-size:calc(var(--header-size) - var(--space-xs) * 2);--header-direction:row;position:fixed;z-index:91;right:0;bottom:0;left:0;display:flex;padding:var(--space-xs);border-top:1px solid var(--border-color-base);background-color:var(--color-surface-2)}.p-header.p-header-classic{--header-direction:row;top:0;right:0;bottom:unset;align-items:center;padding:var(--space-xxs) var(--space-xs)}.p-header.p-header-classic .p-header--end::before{content:var(--header-text);position:absolute;right:100%;margin-right:var(--space-xs);font-size:2.825rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-header-text);transition:color var(--transition-hover);animation-name:slideUp;animation-duration:175ms;animation-timing-function:var(--transition-bezier)}.p-header.p-header-classic.is-sticky{box-shadow:0 0 4px 0 hsl(0,0%,0%,30%)}.p-header.p-header-classic.is-sticky .p-header--end.switchable::before{content:var(--page-title,var(--header-text));animation-name:slideUpCopy}.body:has(.instant-editor) .p-header.p-header-classic{display:none}.p-header--logo{display:flex;align-items:center;padding:0 var(--space-xs) 0 0;border-right:1px solid var(--border-color-base);margin:0 var(--space-xxs)}.p-header.p-header-classic .p-header--logo{margin:0 var(--space-xxs);padding:0;border:none;height:min-content}.p-header--logo img{margin:auto}.p-header--item{display:flex;align-items:center}.p-header--item.p-header--music{display:none}.p-menu-checkbox{position:absolute;top:0;left:0;width:0;height:0;padding:0;margin:0;opacity:0;z-index:1}.bar-loader,.p-header--buttonIcon{filter:var(--filter-invert);opacity:var(--opacity-icon-base)}.p-header--button{display:grid;width:var(--header-button-size);height:var(--header-button-size);contain:strict;color:#000;place-items:center;transition:var(--transition-hover);transition-property:background;justify-content:center}.p-header--button:hover{color:#000;background-color:var(--background-color-quiet--hover)}.p-header--buttonIcon{transition:var(--transition-hover);transition-property:transform,opacity;overflow:hidden;width:var(--header-icon-size);height:var(--header-icon-size);contain:strict}.p-header--button .ui-icon,.p-header--buttonIcon{margin:auto;width:var(--size-icon);height:var(--size-icon)}.p-menu-checkbox-button{cursor:pointer}.p-menu-checkbox-button>span:not(.ui-icon){display:block;position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.p-menu .list-item a,.p-menu--heading{padding:var(--space-xs) var(--space-md)}.p-header--buttonCheckbox{position:absolute;display:block;width:inherit;height:inherit;contain:strict}.logo-wordMark{font-weight:var(--font-weight-semibold)}.p-menu--heading{display:block;margin:0;color:var(--color-base--subtle);font-size:inherit;font-weight:var(--font-weight-normal);letter-spacing:.05em}.p-header ul{margin:0;list-style:none}.p-menu .list-item{line-height:var(--line-height-xs)}.p-menu .list-item a{display:flex;align-items:center;color:var(--color-base);font-weight:var(--font-weight-medium);gap:var(--space-sm);transition:var(--transition-hover);transition-property:background,color,opacity}.p-menu .list-item a:hover{text-decoration:none;background-color:var(--background-color-primary--hover);color:var(--color-base--emphasized)}.p-header--inner{z-index:-1;display:flex;min-width:0;flex-grow:1;overflow:hidden;justify-content:space-between}.p-header--end,.p-header--start{display:flex;position:relative;flex-direction:var(--header-direction);gap:var(--space-xxs)}.p-header--start{min-width:0;align-items:center}.bar-loader{display:none;color:var(--color-base);width:24px;height:24px;text-indent:-9999em;position:relative;margin:10px auto;-webkit-animation-delay:-.16s;animation:.8s ease-in-out infinite loadRotate;background-position:center;background-repeat:no-repeat}.p-header.p-header-classic .bar-loader{margin-left:var(--space-sm)}.classic-navigation .p-menu--heading{display:none}.classic-navigation ul{display:flex}@keyframes loadRotate{from{transform:rotate(0)}to{transform:rotate(359deg)}}@media screen and (min-width:1000px){.p-header{--header-direction:column;top:0;right:unset;left:0;border-top:0}.p-header--logo{padding:0 0 var(--space-xs) 0;border-right:0;border-bottom:1px solid var(--border-color-base);margin:var(--space-xxs) 0}.p-header--item.p-header--music{display:flex}}.p-footer{position:relative;padding:var(--space-xxl) var(--padding-page);margin-top:var(--space-xxl);margin-bottom:var(--header-size);background-color:var(--color-surface-2);clear:both;color:var(--color-base--subtle);direction:ltr;font-size:.875rem;z-index:0}.body:has(.p-header-classic)+.p-footer{margin-left:0;margin-bottom:0}.p-footer a{font-weight:var(--font-weight-medium)}.p-footer ul{display:flex;flex-wrap:wrap;margin:0}.p-footer li{list-style:none}.p-footer a:hover{text-decoration:underline}.p-footer--container{max-width:var(--width-layout--extended);margin-right:auto;margin-left:auto}.p-footer--bottom,.p-footer--content{display:flex;flex-wrap:wrap;padding:var(--space-md) 0;gap:var(--space-md)}.p-footer--bottom{align-items:center;justify-content:space-between;border-top:1px solid var(--border-color-base);margin-right:auto;margin-left:auto}.p-footer--siteInfo{display:flex;max-width:90ch;flex-direction:column;gap:var(--space-xs)}.p-footer--siteInfo p{margin:0;line-height:var(--line-height)}#footer-siteTitle{font-size:1.25rem}#footer-places{column-count:2;margin-left:3.75rem}#footer-places ul{flex-direction:column}#footer-places a{display:block;padding:var(--space-xs) var(--space-md);text-decoration:none;line-height:1.3}#footer-places a:hover{background-color:var(--background-color-quiet--hover)}#footer-tagline{padding:var(--space-xs) 0}#footer-icons{display:flex}#footer-icons li{display:flex}#footer-icons a{display:flex;align-items:center;opacity:var(--opacity-icon-base);transition:opacity 250ms}#footer-icons a:hover{opacity:var(--opacity-icon-base--hover)}#footer-siteTitle,.p-footer a{color:var(--color-base--emphasized)}#footer-icons li,#footer-icons ul{gap:var(--space-md)}:root:not(.skin-dark) #footer-icons a{filter:invert(1) hue-rotate(180deg)}@media screen and (min-width:1000px){.p-footer{margin-bottom:0;margin-left:var(--header-size)}#footer-siteTitle{font-size:2rem}}.p-drawer--button{position:relative}.p-drawer--buttonIcon{display:grid;place-content:center;width:var(--header-icon-size);height:var(--header-icon-size)}.p-drawer--card{padding:var(--space-xs) 0;position:absolute;right:0;bottom:100%;left:0;overflow:auto;min-width:16rem;max-height:var(--header-card-maxheight);margin:var(--space-xs);contain:content;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color-base);background-color:var(--color-surface-1);box-shadow:var(--box-shadow-dialog);transform:translateX(10px);transition:var(--transition-menu);transition-property:transform,opacity,visibility;will-change:transform,opacity,visibility}.p-drawer--header{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:var(--space-sm) var(--space-md) var(--space-md);border-bottom:1px solid var(--border-color-base);gap:var(--space-md)}.p-drawer--logo img{width:auto;height:3rem}.p-drawer--siteInfo{display:flex;flex-direction:column;gap:var(--space-xxs)}.p-drawer--siteInfo .logo-wordMark{color:var(--color-base--emphasized);font-size:1.5rem}.p-drawer--menu{--size-icon:1.4rem;display:grid;max-width:92vw;justify-content:center;padding:var(--space-xs);font-size:.875rem;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,15rem)}.p-drawer--menu .list-item a{border-radius:var(--border-radius--small)}@media screen and (min-width:720px){.p-drawer--card{right:unset}.p-drawer--logo img{border-radius:8px;height:5rem}.p-drawer--siteInfo .logo-wordMark{font-size:1.5rem;white-space:nowrap}}@media screen and (min-width:1000px){.p-drawer--card{right:unset;left:100%;top:0;bottom:unset;transform:translateX(10px)}.p-drawer-header{justify-content:flex-start}}.p-player{position:relative;overflow:hidden}.p-player::after{content:"";inset:0;position:absolute;backdrop-filter:blur(25px) brightness(0.85);z-index:1}.p-player,.p-player--actions button{background-color:transparent}.p-player--actions .material-icons{font-size:1.5em}.p-player--card{--cisum-idle-transition-base:175ms var(--transition-bezier);--cisum-idle-transition:height var(--cisum-idle-transition-base),width var(--cisum-idle-transition-base),padding var(--cisum-idle-transition-base),margin var(--cisum-idle-transition-base);--cisum-side-item-width:50px;position:absolute;top:0;left:50vw;display:flex;min-width:570px;padding:0;border:none;transform:translate(-50%,0);transition:all 275ms var(--transition-bezier);background-color:var(--color-surface-4);box-shadow:0 2px 10px 4px hsl(0deg 0% 0% / 12.75%);z-index:2}.p-player--card.is-idle{opacity:.25;min-width:380px}.p-player--card.u-hidden{transform:translate(-50%,-140px)}.p-player--card.is-idle.u-hidden{opacity:0}.p-player--card.js-floatDragged,.p-player--card.js-magnetAligned{transform:none}.p-player--card.js-magnetAligned.u-hidden{transform:translate(0,-140px)}.p-player{--playerTheme:var(--color-surface-3);display:flex;flex-grow:1;flex-direction:column}.p-player--cover{width:140px;height:140px;transition:var(--cisum-idle-transition)}.p-player--card.js-floatDragged.is-idle .p-player--cover.js-playerCover{width:56px;height:56px}.p-player--coverBg{position:absolute;left:0;width:100%;min-height:100%;transform:translateY(-50%);filter:blur(42px) brightness(.5);z-index:0}.p-player--info{height:4.75em;padding:var(--space-xxs) var(--space-xxl);align-items:center;text-align:center;transition:var(--cisum-idle-transition);z-index:2}.p-player--card.js-floatDragged.is-idle .p-player--info{height:0;width:0;overflow:hidden;padding:0}.p-player--info>h1,.p-player--info>h2,.p-player--info>p,figure.music.music-standalone{color:hsl(0 0% 90%);text-shadow:0 0 6px #000}.p-player--title{font-size:1.75em;margin-top:var(--space-sm);margin-bottom:0;width:360px;white-space:nowrap;overflow:hidden;line-height:1.6;text-overflow:ellipsis}.p-player--artist{font-size:.75em;font-weight:400;margin-top:var(--space-xxs)}.p-player--actions{position:relative;width:100%;padding:var(--space-md) 0 var(--space-xs);display:flex;justify-content:center;transition:var(--cisum-idle-transition);z-index:2}.p-player--card.js-floatDragged.is-idle .p-player--actions{padding:0;margin:auto 0}.p-player--lyric{position:absolute;top:-1.75rem;right:0;max-width:61.8%;font-size:.925rem;white-space:nowrap;text-align:right;text-overflow:ellipsis;overflow:hidden;text-shadow:0 0 0 hsl(0 0% 50% / 45%);user-select:none;animation-name:slideUp;animation-duration:275ms;animation-timing-function:var(--transition-bezier);transition:opacity .1s linear,visibility .1s linear;z-index:2}.p-player--lyric.lyric-toggle{animation-name:slideUpCopy}.p-player--canvas{width:100%;height:100px;filter:grayscale(1);opacity:.25;position:absolute;bottom:100%;left:0;pointer-events:none;clip-path:border-box;transition:var(--cisum-idle-transition),opacity .1s linear,visibility .1s linear;z-index:1}.p-player--card.js-floatDragged.is-idle .p-player--canvas{height:40px}.skin-dark .p-player--canvas{filter:grayscale(1) var(--filter-invert)}.p-player--actions button{appearance:none;outline:0;position:relative;width:20%;height:2.5em;padding:0;font-size:100%;color:#fff;border:none;cursor:pointer;transition:color var(--transition-hover),background-color var(--transition-hover)}.p-player--actions button:hover{color:hsl(220 15% 80% / 1);background-color:hsl(0 0% 0% / 15%)}.p-player--actions button .material-icons{color:inherit;margin:0 auto;transition:color 80ms linear}.p-player--actions .is-active .material-icons{color:hsl(200deg 90% 50%)}.p-player--sideItem{position:absolute;top:0;right:calc(0px - var(--cisum-side-item-width));height:100%;display:flex;transition:opacity var(--transition-hover),var(--transition-background)}.p-player--sideButton{display:flex;align-items:center;justify-content:center;width:var(--cisum-side-item-width);opacity:0;border:none;color:var(--color-base--subtle);background-color:var(--background-color-quiet--hover);transition:opacity var(--transition-hover),var(--transition-background),color .1s linear}.p-player--sideButton.is-active{color:var(--color-primary)}.p-player--sideButton:hover{opacity:1;cursor:pointer}.p-player--playlist{position:absolute;top:100%;width:100%;margin-top:var(--space-xs);background-color:var(--background-color-overlay);box-shadow:0 2px 6px 0 hsl(0deg 0% 0% / 12.75%);transition:all var(--transition-hover)}.p-player--card.js-floatDragged.is-dragging .p-player--playlist{opacity:0;visibility:hidden}.p-player--playlistContainer{overflow:hidden;position:relative}.p-player--playlistContainer ul{position:relative;overflow:auto;scrollbar-width:none;max-height:255px;padding:0;background-color:var(--color-surface-2);transition:var(--transition-background);z-index:1}.p-player--playlistContainer ul .p-player--playlistH1{position:sticky;top:0;margin:0;padding:var(--space-xs) var(--space-sm);color:inherit;font-size:.875rem;font-weight:700;text-align:center;text-shadow:none;user-select:none;box-shadow:0 -1px 4px 0 hsl(0 0% 25% / 85%);background-color:var(--color-surface-3);transition:var(--transition-background);z-index:1}.p-player--playlistContainer ul>li{position:relative;font-size:.875rem;line-height:1.85;cursor:pointer;user-select:none;padding:var(--space-xxs) var(--space-lg);transition:background-color var(--transition-hover)}.p-player--playlistContainer ul>li:hover{background-color:var(--color-surface-3)}.p-player--playlistContainer ul>li.is-active{font-weight:700;background-color:var(--background-color-quiet--hover)}.p-player--playlistContainer>ul>li.is-active::before{content:"·";position:absolute;top:0;left:0;font-size:2rem;font-family:monospace;line-height:.65;color:var(--color-success);text-shadow:none}.p-player--playlistContainer li>span,.p-playerWidget--playlist li>span{display:inline-block;float:right;font-size:.75rem;line-height:2.15;color:hsl(0 0% 65%)}.p-player--card.js-floatDragged.is-idle .p-player--playlist li>span{display:none}.p-player--playlist .p-player--sideItem{opacity:0;flex-direction:column}.p-player--playlist .p-player--sideItem:hover{opacity:1}.p-player--playlist .p-player--sideItem .p-player--sideButton{opacity:1;flex-grow:1}.p-player--playlist .p-player--sideItem .p-player--sideButton:hover{background-color:var(--background-color-quiet--active)}.p-search{--width-search-bar:560px;--height-search-bar:var(--header-button-size)}.p-search--button{position:relative}.p-search--card{position:fixed;top:0;right:0;left:0;width:var(--width-search-bar);max-width:calc(100vw - var(--padding-page));height:var(--height-search-bar);margin:var(--space-md) auto;border:1px solid var(--border-color-base);background-color:var(--color-surface-1);box-shadow:var(--box-shadow-dialog);border-radius:var(--border-radius--medium);pointer-events:none;transform:translateX(10px);transition:var(--transition-menu);transition-property:transform,opacity,visibility;will-change:transform,opacity,visibility}.p-search--card{opacity:1;pointer-events:auto;transform:none;transition-delay:0s;visibility:visible}.p-search--form{display:flex}.p-search--card .ui-icon{padding:var(--space-xs);width:var(--height-search-bar);height:var(--height-search-bar);color:var(--color-base)}#searchInput{flex-grow:1;padding:0;border:0;appearance:none;background:0 0;font-size:.8125rem}#searchInput:focus{outline:0}#searchSubmit{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;background:0 0;border:none}.p-search--formButton{border-radius:var(--border-radius--small);transition:var(--transition-hover);transition-property:background,padding-left}.p-search--formButton:hover{padding-left:.6em;background-color:var(--background-color-quiet--hover)}.p-search--word{font-weight:700;background-color:#ff0;text-shadow:none}.p-snippet{font-size:.925em;margin-top:var(--space-md)}@media screen and (max-width:1000px){.p-search--card{z-index:1;width:auto;margin:var(--space-xs);transition:none}#p-search--checkbox:checked~.p-search--button{contain:initial}#p-search--checkbox:checked~.p-search--button #p-search--buttonCheckbox{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;width:auto;height:auto;background-color:var(--background-color-overlay)}}@media (max-width:720px){.p-snippet{height:3.25rem;overflow:hidden}}.progress-wrap{display:block;text-align:center;height:32px;width:32px;cursor:pointer;margin:var(--space-xs) auto;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(185,185,185,.5);opacity:0;visibility:hidden;transition:255ms cubic-bezier(.22, .61, .36, 1)}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:var(--color-base--emphasized);stroke-width:18;box-sizing:border-box;transition:stroke-dashoffset 10ms linear}.progress-wrap.hidden{width:0;opacity:1}.progress-wrap.active-progress{opacity:.6;visibility:visible}.p-header.p-header-classic .progress-wrap{margin-left:var(--space-xs);margin-right:var(--space-xs)}.p-header.p-header-classic .progress-wrap.hidden{margin-left:0;margin-right:0}.p-flexGrid{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap;margin-top:var(--space-xl)}.p-card--commentTheme{background-color:var(--color-surface-2);transition:background-color var(--transition-hover)}.p-card--commentTheme:hover{background-color:var(--color-surface-3)}.p-card-quote{font-size:30px;margin-top:0;text-align:center}.p-card-extend{display:flex;column-gap:var(--space-lg)}.p-card-extend img{width:48px;height:auto;border-radius:50%;margin-top:2px}.p-card--info{display:flex;flex-direction:column;justify-content:center;row-gap:var(--space-xxs)}.p-card--info span:first-child{font-weight:700;font-size:16px;color:var(--color-base--emphasized)}.p-card--info span:last-child{font-size:12px;color:var(--color-base--subtle)}.p-like--pawButton{--background:var(--color-surface-0);--background-active:#fee8f4;--border:var(--border-color-base);--border-active:var(--border-color-base--darker);--text:var(--color-base);--number:var(--color-base--subtle);--number-active:var(--color-base--emphasized);--heart-background:var(--color-surface-0);--heart-background-active:#fea5d7;--heart-border:var(--border-color-base);--heart-border-active:var(--border-color-base--darker);--heart-shadow-light:#fee0f2;--heart-shadow-dark:#ea5daf;--paw-background:var(--color-surface-0);--paw-border:#201e1b;--paw-shadow:#eeeded;--paw-inner:var(--heart-background-active);--paw-shadow-light:var(--heart-shadow-light);--paw-shadow-dark:var(--heart-shadow-dark);--paw-clap-background:#fef0a5;--paw-clap-border:var(--paw-border);--paw-clap-shadow:#fed75c;--circle:#df3dce;--circle-line:#000;display:inline-flex;text-decoration:none!important;font-weight:700;position:relative;line-height:.9;padding:var(--space-xs) var(--space-md);user-select:none}.p-like--pawButton:before{content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;z-index:1;border-radius:var(--border-radius--medium);transition:var(--transition-background);background-color:var(--background);border:2px solid var(--border-color-base)}.p-like--text{display:flex;position:relative;backface-visibility:hidden;transform:translateZ(0);margin-right:8px;transition:width .25s;width:var(--w,60px);z-index:3;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.p-like--text img{--background:var(--heart-background);--border:var(--heart-border);--shadow-light:transparent;--shadow-dark:transparent;width:20px;height:20px;-webkit-transform:translateX(var(--x));transform:translateX(var(--x))}.p-like--text span{display:block;position:absolute;left:1.75rem;top:.19rem;transform:translateY(var(--y,0));color:var(--color-base)}.p-like--pawButton .p-like--text img,.p-like--pawButton .p-like--text span{transition:transform .15s ease-out,opacity .2s,-webkit-transform .15s ease-out;opacity:var(--o, 1)}.p-like--pawButton>span{display:block;position:relative;font-family:monospace;backface-visibility:hidden;transform:translateZ(0);z-index:2;color:var(--color-base--subtle);line-height:1.45}.p-like--paws{overflow:hidden;position:absolute;left:0;right:0;bottom:0;height:60px;z-index:2;pointer-events:none}.p-like--paws img{position:absolute;bottom:1px;transition:transform .3s ease-out,opacity .2s,-webkit-transform .3s ease-out;opacity:var(--o, 0);-webkit-transform:translate(var(--x,0),var(--y,0));transform:translate(var(--x,0),var(--y,0))}.p-like--paws img.p-like--paw{--x:-24px;width:30px;height:32px;left:32px}.p-like--paws .p-like--effect{left:26px;top:12px;width:44px;height:44px;position:absolute}.p-like--paws .p-like--effect:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:var(--circle);-webkit-transform:scale(var(--s,0));transform:scale(var(--s,0));opacity:var(--o, 1);transition:transform .15s .16s,opacity .2s linear .25s,-webkit-transform .15s .16s}.p-like--paws .p-like--effect div,.p-like--paws .p-like--effect div:after,.p-like--paws .p-like--effect div:before{opacity:var(--o, 1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:transform .12s .17s,opacity .18s linear .21s,-webkit-transform .12s .17s}.p-like--paws .p-like--effect div:after,.p-like--paws .p-like--effect div:before{content:"";display:block;position:absolute;width:100%;height:100%;background:inherit;border-radius:inherit;-webkit-transform:translate(var(--x,-22px),var(--y,4px)) rotate(var(--r,-45deg)) scaleX(.8) scaleY(var(--s,0));transform:translate(var(--x,-22px),var(--y,4px)) rotate(var(--r,-45deg)) scaleX(.8) scaleY(var(--s,0))}.p-like--paws .p-like--effect div:after{--x:22px;--r:45deg}.p-like--paws img.p-like--pawClap{--x:16px;--y:32px;--o:1;width:32px;height:30px;left:32px}.p-like--pawButton:not(.confetti):hover .p-like--text{--o:0;--x:12px;--y:8px}.p-like--pawButton:not(.confetti):hover img.p-like--paw{--o:1;--x:0}.p-like--pawButton i{position:absolute;display:block;width:4px;height:4px;top:50%;left:50%;margin:-2px 0 0 -2px;opacity:var(--o, 0);background:var(--b);-webkit-transform:translate(var(--x),var(--y)) scale(var(--s,1));transform:translate(var(--x),var(--y)) scale(var(--s,1))}.p-like--pawButton.animation .p-like--text{--o:0}.p-like--pawButton.animation .p-like--text svg{--background:var(--heart-background-active);--border:var(--heart-border-active);--shadow-light:var(--heart-shadow-light);--shadow-dark:var(--heart-shadow-dark)}.p-like--pawButton.animation img.p-like--paw{--x:0;--o:1;transition-delay:0s;-webkit-animation:.45s forwards paw;animation:.45s forwards paw}.p-like--pawButton.animation img.p-like--pawClap{-webkit-animation:.5s ease-in forwards paw-clap;animation:.5s ease-in forwards paw-clap}.p-like--pawButton.animation .p-like--effect{--s:1;--o:0}.p-like--pawButton.confetti i{-webkit-animation:.6s ease-out forwards confetti;animation:.6s ease-out forwards confetti}.p-like--pawButton.confetti img.p-like--paw{--o:0;transition:opacity .15s linear .2s}.p-like--pawButton.liked{--background:var(--color-primary--active);--border:var(--border-active)}.p-like--pawButton.liked .p-like--text{--w:21px}.p-like--pawButton.liked .p-like--text img{--o:1;filter:saturate(20) hue-rotate(45deg)}.p-like--pawButton.liked>span{color:#f0f2f4}@-webkit-keyframes confetti{from{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}}@keyframes confetti{from{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}}@-webkit-keyframes paw{0%{-webkit-transform:translateX(var(--x));transform:translateX(var(--x))}35%{-webkit-transform:translateX(-16px);transform:translateX(-16px)}55%,70%{-webkit-transform:translateX(0);transform:translate