.article-wrapper{flex-direction:row;gap:1rem;max-width:630px;transition:opacity .5s,transform 2s cubic-bezier(.05,.95,.05,.95);display:flex}.article-wrapper.theme-dimmed{opacity:.25;transform:scale(.95)}.link-button{color:var(--theme-text,var(--black));background-color:var(--theme-button,transparent);border:var(--theme-button-border,0);border-radius:var(--theme-button-radius,0px);transition:color .5s,background-color .5s,border .5s,border-radius .5s,transform 2s cubic-bezier(.05,.95,.05,.95),opacity .3s}article h1{color:var(--theme-title,var(--theme-text,var(--black)));transition:color .5s}article h2{color:var(--theme-text,var(--black));transition:color .5s}.media-frame{cursor:pointer;transition:transform 1s cubic-bezier(.05,.95,.05,.95)}.media-frame:hover{transform:scale(1.02)}.media-frame:active{transform:scale(1)}.details{flex-direction:row;gap:.5rem;display:flex}.details h3{background-color:var(--theme-tag,var(--gray));color:var(--theme-tag-text,var(--black));border-radius:var(--theme-tag-radius,0px);padding:var(--theme-tag-padding,0 .25rem);font-family:monospace;transition:color .5s,background-color .5s,border-radius .5s,padding .5s}@media (max-width:550px){.article-wrapper{flex-direction:column}}
.lightbox{gap:var(--padding);padding:var(--padding);z-index:9;touch-action:none;color:#fff;flex-direction:column;justify-content:center;align-items:center;transition:background-color .4s;display:flex;position:fixed;inset:0}.image{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:1;max-width:95vw;height:100%;max-height:95vh}.top-row{z-index:900;flex-direction:row;justify-content:space-between;width:100%;padding:30px;display:flex;position:fixed;top:0}.center-row{z-index:900;flex-direction:row;justify-content:space-between;width:100%;height:auto;padding:30px;display:flex;position:fixed}.center-row,.top-row{transition:opacity .25s}.is-hidden{opacity:0;pointer-events:none}.captions-wrapper{z-index:100;margin:30px;transition:height .2s;position:absolute;bottom:0;overflow:clip}.captions{color:var(--white);text-align:center;text-transform:uppercase;direction:rtl;max-width:95vw}.spinner{border:3px solid #ffffff26;border-top-color:#ffffffa6;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.grey-spinner{border:3px solid #0000000d;border-top-color:#00000040;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.dark-spinner{border:3px solid #00000026;border-top-color:#000000a6;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
.filters{flex-direction:row;gap:1rem;display:flex}.filter{flex-direction:row;gap:.5rem;display:flex}
.cursor-dot{background-color:var(--accent);z-index:99;pointer-events:none;border-radius:50%;width:10px;height:10px;transition:width 1s cubic-bezier(.05,.95,.05,.95),height 1s cubic-bezier(.05,.95,.05,.95),opacity 1s cubic-bezier(.05,.95,.05,.95);display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-label{opacity:0;transform-origin:0;color:var(--white);mix-blend-mode:difference;white-space:nowrap;z-index:10000;pointer-events:none;margin:0;font-family:monospace;transition:opacity .3s,transform .3s;position:fixed;top:0;left:0;transform:translateY(-50%)scale(.1)}.cursor-label.is-visible{opacity:1;transform:translateY(-50%)scale(1)}.cursor-label.is-flipped{transform-origin:100%;transform:translate(-100%,-50%)scale(.1)}.cursor-label.is-flipped.is-visible{transform:translate(-100%,-50%)scale(1)}.cursor-dot>img{width:0;height:0;transition:width 1s cubic-bezier(.05,.95,.05,.95),height 1s cubic-bezier(.05,.95,.05,.95),opacity 1s cubic-bezier(.05,.95,.05,.95)}.hover{width:25px;height:25px}.hover-icon{width:15px;height:15px}.pressed{width:10px;height:10px}
