:root{--container-separator:#0002;--card-meta-hover-color:#6090c0}.section-intro{text-align:center}.section-intro h2{margin:0;color:rgb(var(--page-txt-color)/.8);font-weight:lighter}.intro-align{justify-content:center;max-width:660px;margin:0 auto}.intro-align,.intro-item{display:flex;flex-direction:column}.intro-item{margin-bottom:2rem}.usw-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 1rem;margin:.5rem 0 0}.usw-items>div{text-align:start;display:block;padding:.5rem 0}.usw-descr{position:relative;flex:1 0;width:auto;word-break:auto-phrase;overflow:hidden}.usw-descr:before{content:"";background-image:linear-gradient(transparent,rgb(var(--theme-color-chrm)) 99%,rgb(var(--theme-color-chrm)));position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.usw-descr>p{margin:0 0 .5rem}.usw-descr>p:before{content:"--";color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usw-links link-wrap{margin-top:.5em}.usw-links a:hover{text-decoration:underline}.intro-title-link,.intro-title-link:visited{color:rgb(var(--page-txt-color)/.8);text-decoration:underline}.link-btn{position:relative;display:inline-block;height:2.5rem;border:2px solid #d0d0d0;border-radius:.5rem;background-color:var(--page-background-color);transition:.1s;box-shadow:inset 0 0 0 0 #d0d0d0}.link-btn a{display:flex;align-items:center;width:100%;height:100%;padding:.5rem 3rem;text-decoration:none;color:var(--page-str-link-color)}.to-search a span{transition:.1s linear;display:block}.theme-title{display:inline-block;transition:.1s;padding-left:0}.theme-title>a{display:inline-flex;align-items:center;color:var(--page-str-color);flex:0 1;flex-wrap:nowrap}.theme-title h2{margin:0;display:flex;align-items:center}.tag-text{color:var(--page-str-link-color)}.theme-container .theme-title a:after{transition:.1s;content:"";display:inline-block;background-image:url(/symbol/chevron-right.svg);background-repeat:no-repeat;transform:translateX(.5rem);width:1.5rem;height:1.5rem;opacity:.7}.theme-title>a h2{position:relative;display:flex;align-items:center}.theme-container+.theme-container:before{content:"";display:block;border-top:6px dotted var(--container-separator);width:95%;margin:1rem auto 2rem}.theme-container a{text-decoration:none}.media-cards-container{display:grid;grid-gap:1rem;grid-template-columns:repeat(6,1fr);margin-top:1.5rem;pointer-events:none}.media-cards-container .media-card{transition-duration:.1s;display:block;pointer-events:auto}.media-card .media-title{display:block;display:-webkit-box;height:2.5rem;line-height:1.25rem;margin:.4rem 0 .5rem;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#252525c0}.media-card .skeleton-media-title>div{display:inline-block;width:100%;height:1rem;margin-top:.5rem;border-radius:.25rem;background-color:#888;opacity:.3}.media-card .skeleton-media-title>div:last-child{width:80%;margin-top:.25rem}.skeleton-theme-title-text{display:block;width:20rem;height:2rem;border-radius:.5rem;background-color:#888;opacity:.2}.media-card .card-face{transition:.2s ease-out .1s;position:relative;height:0;padding-top:calc(9/16 * 100%);box-shadow:0 0 0 #8884}.media-card .media-thumbnail-frame{width:100%;height:100%;background-color:#8884;border-radius:.25rem;position:absolute;top:0;overflow:hidden}.media-card .media-thumbnail-frame:before{content:none}.card-face .media-thumbnail{width:100%;height:100%}.card-face .thumbnail-image{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}@media screen and (max-width:599px){.media-cards-container{padding:0 .25rem;grid-gap:.5rem;grid-template-columns:repeat(2,1fr)}.usw-items{flex-direction:column;gap:0}.usw-items>div{text-align:center}.usw-descr>p{display:inline;margin:0}.usw-descr>p:before{content:""}}@media (hover:hover){:is(.to-search,.theme-title,.media-cards-container) a[href]:not(:visited):hover{background-color:#0000}.theme-title a:hover:after{transition:.3s;transform:translateX(1rem)}.media-cards-container:hover .media-card .card-face{transition:.2s ease-out;opacity:.5;z-index:10}.media-cards-container .media-card:hover .card-face{opacity:1;box-shadow:0 0 1rem #8884}.to-search a:hover span{transition:.1s;color:var(--card-meta-hover-color)}.media-card:hover p.media-title{transition:.1s;color:var(--page-str-link-color)}.to-search a:hover span{transition:.3s ease-out;transform:translate(.3rem)}}