header img{border-radius:0}.main-nav{z-index:20;margin-right:1rem;padding:0.6rem 0;text-align:right;width:100%}@media (max-width: 950px){.main-nav{top:0;right:0}}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:flex-end}.main-nav li{margin:0 1rem}.main-nav li a{font-weight:900;text-shadow:0.1rem 0.1rem 0.2rem rgba(0,0,0,0.2),0.1rem 0.25rem 0.25rem rgba(0,0,0,0.2);font-size:1.5rem;color:#c2a;text-decoration:none;padding:0.1rem 0.3rem;transition:color 0.3s ease;border-radius:0.4rem;border:1px solid #0008;background-color:rgba(255,250,220,0.666667);color:#c2a}.main-nav li a.page{color:#c2a}@media (max-width: 768px){.main-nav li{margin:0 0.2rem}.main-nav li a{font-size:1rem}}.main-nav .nav-link:hover{color:#ffd700}.intro-header{padding-bottom:0.6rem;height:320px;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center top}.intro-header .header-image-container{width:100%;height:320px;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(to bottom, black 50%, transparent 100%);mask-image:linear-gradient(to bottom, black 50%, transparent 100%)}.intro-header .header-image-container .intro-header-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(1rem);z-index:1}.intro-header .header-image-container picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.intro-header .header-image-container picture img{display:block;width:100%;height:100%;object-fit:cover}.intro-header .intro-header-content-wrapper{height:100%;position:relative;z-index:3}.intro-header #inAppBrowserWarning{display:none;position:fixed;left:0;width:100%;background-color:#fff3cd;color:#664d03;padding:0.6rem 1rem;text-align:center;z-index:9999;border-top:1px solid #ffe69c;font-size:0.9rem;box-sizing:border-box}.intro-header #inAppBrowserWarning button{background:none;border:none;color:#664d03;font-weight:bold;cursor:pointer;margin-left:1rem;font-size:1rem;line-height:1;padding:0 0.3rem;vertical-align:middle}.intro-header .site-heading,.intro-header .page-heading,.intro-header .post-heading{padding-left:1.25rem;padding-bottom:0.3rem}.intro-header .site-heading .page-title,.intro-header .page-heading .page-title,.intro-header .post-heading .page-title{max-height:150px;display:flex;flex-direction:column;align-items:left}.intro-header .site-heading .page-title h1,.intro-header .page-heading .page-title h1,.intro-header .post-heading .page-title h1{vertical-align:middle;text-overflow:ellipsis;margin:1rem 0 0 0;font-size:2.2rem;color:#fa0;text-shadow:0.1rem 0.25rem 0.6rem #0008, 0.2rem 0.3rem 0.75rem #0006}.intro-header .site-heading .page-title h2,.intro-header .page-heading .page-title h2,.intro-header .post-heading .page-title h2{margin:0;padding-top:0;font-size:1.8rem;max-width:800px;color:#6a7;text-shadow:0.1rem 0.2rem 0.4rem #0008}.intro-header .site-heading .page-title .subheading,.intro-header .page-heading .page-title .subheading,.intro-header .post-heading .page-title .subheading{font-size:1.1rem;line-height:1.1;display:block;font-weight:300;margin:0.6rem 0 0;color:#a3a3a3}.intro-header .post-heading h1{color:#fc0}.intro-header .post-heading .meta{color:#a3a3a3;line-height:1.1;display:block}.intro-header .header-img-credit{position:absolute;bottom:0.4rem;right:0.5rem;opacity:0.3;font-size:0.7rem;z-index:2}.intro-header .header-post-date{position:absolute;bottom:-0.6rem;left:0.3rem;font-weight:700;text-shadow:0.1rem 0.25rem 0.6rem #fff8, 0.2rem 0.3rem 0.75rem #fff8;font-size:0.8rem;color:#038;margin-left:0.3rem}@media (max-width: 768px){.intro-header .page-heading h2,.intro-header .site-heading h2,.intro-header .post-heading h2{visibility:hidden}}@media (max-width: 950px){.intro-header{height:200px}.intro-header .header-image-container{height:240px}.intro-header.is-home{height:160px}.intro-header .page-heading,.intro-header .site-heading,.intro-header .post-heading{padding-left:0.6rem;padding-right:0.6rem}.intro-header .page-heading .page-title h1,.intro-header .site-heading .page-title h1,.intro-header .post-heading .page-title h1{margin-top:0}.intro-header .site-heading .page-title h1{font-size:2.5rem}}.intro-header.sticky-active{position:fixed;height:4.5rem;padding-bottom:0.6rem;top:0;left:0;width:100%;z-index:30;background:linear-gradient(to bottom, #477 60%, rgba(68,119,119,0.7) 80%, rgba(68,119,119,0) 100%);-webkit-mask-image:none;mask-image:none;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out}.intro-header.sticky-active.is-home{display:none}.intro-header.sticky-active .intro-header-placeholder,.intro-header.sticky-active .header-image-container,.intro-header.sticky-active .intro-header-background,.intro-header.sticky-active .post-heading .tags,.intro-header.sticky-active .post-heading h2,.intro-header.sticky-active .site-heading .subheading,.intro-header.sticky-active .main-nav{display:none !important}.intro-header.sticky-active .intro-header-content-wrapper{display:flex;width:100%;height:100%}.intro-header.sticky-active .header-post-date{padding-left:0.6rem;bottom:0;color:#fff8;text-shadow:none}.intro-header.sticky-active .post-heading,.intro-header.sticky-active .site-heading{padding:0.6rem;margin:0;flex-grow:1;min-width:0}.intro-header.sticky-active .post-heading h1,.intro-header.sticky-active .site-heading h1{padding-top:0}.intro-header.sticky-active .post-heading h1,.intro-header.sticky-active .site-heading h1{font-size:1.3rem;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 950px){.intro-header.sticky-active{height:2.5rem}.intro-header.sticky-active .header-post-date{bottom:-10px}.intro-header.sticky-active .post-heading h1,.intro-header.sticky-active .site-heading h1{max-width:100%;margin-top:0;text-overflow:ellipsis;text-shadow:0.1rem 0.1rem 0.2rem #0004, 0.1rem 0.2rem 0.6rem #0003;overflow:hidden}}@media (max-width: 950px){.see-sidebar{display:none}}.catalog-container{width:250px;flex-shrink:0;margin-top:1.9rem;margin-left:1.9rem;position:sticky;top:10%}.catalog-container .side-catalog .catalog-title{color:#404040;font-size:1.2rem;font-weight:bold;display:block;margin-bottom:0.6rem}.catalog-container .side-catalog .catalog-body{padding:0}.catalog-container .side-catalog .catalog-body ul{padding-inline-start:1.25rem;list-style:none}.catalog-container .side-catalog .catalog-body li{margin-bottom:0.3rem}.catalog-container .side-catalog .catalog-body li a{color:#404040}.catalog-container .side-catalog .catalog-body li a:hover{color:#337ab7}@media (max-width: 950px){.catalog-container{display:none}}.sidebar-container{order:1;margin-top:0;position:sticky;top:0;align-self:flex-start;padding-bottom:0.6rem;display:flex;flex-basis:320px;justify-content:center;flex-direction:column;color:#888;font-size:0.9rem}.sidebar-container h5{color:#a3a3a3;padding-bottom:1em}.sidebar-container h5 a{color:#a3a3a3;text-decoration:none}.sidebar-container a{color:#888}.sidebar-container a:hover,.sidebar-container a:active{color:#038}.sidebar-container .about-short img{width:80%;display:block;margin-bottom:1.25rem}.sidebar-container .about-short p{margin-top:0;margin-bottom:1.25rem}.sidebar-container .about-short .fullname{margin-bottom:0}.sidebar-container .about-short .email{text-decoration:underline}.sidebar-container .about-short .list-inline>li{padding-left:0;margin-bottom:0.3rem}@media (max-width: 950px){.sidebar-container{order:2;margin-top:1.25rem;width:100%;flex-basis:100%}}.links{margin-top:1.25rem;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}.links .linksheading{text-align:center;font-size:1.2em;color:#a3a3a3;font-weight:600}.links .linksitems{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.links .linksitems a{border:1px solid #fd5;border-radius:100rem;padding:0 0.6rem 0 0.6rem;font-size:0.9rem;text-decoration:none;margin:0 0.1rem;margin-bottom:0.4rem;cursor:pointer;color:#f80;border-color:#f80;background-color:rgba(255,250,220,0.4)}.links .linksitems a:hover,.links .linksitems a:active{color:#c2a;border-color:#c2a;background-color:rgba(255,250,220,0.4)}.links .linksitems a.current-tag{background-color:rgba(255,250,220,0.4) !important;color:#c2a !important;font-weight:bold}.links .linksitems a .linkicon{border-radius:0.6rem;padding-right:0.1rem;display:inline;height:1.25rem;vertical-align:middle}.initial-tags,.all-tags{display:flex;flex-wrap:wrap}.tags a,.tags .tag{text-shadow:0.1rem 0.1rem 0.5rem rgba(0,0,0,0.4),0.3rem 0.3rem 0.8rem rgba(0,0,0,0.4);display:inline-block;border:1px solid #fd5;border-radius:100rem;padding:0 0.6rem 0 0.6rem;color:#fd5;font-size:1rem;font-weight:600;text-decoration:none;margin:0.1rem 0.1rem;cursor:pointer;background-color:rgba(255,136,0,0.733333)}.tags a:hover,.tags a:active,.tags .tag:hover,.tags .tag:active{color:#c2a;border:1px solid #c2a;background-color:rgba(255,250,220,0.4);text-decoration:none}.tags sup{line-height:unset;top:unset}.sidebar-container .tags,.tag-cloud-container .tags{display:flex;flex-wrap:wrap;justify-content:center;text-shadow:none}.sidebar-container .tags a{text-shadow:none;color:#f80;border-color:#f80;background-color:rgba(255,250,220,0.4)}.sidebar-container .tags a:hover,.sidebar-container .tags a:active{color:#c2a;border-color:#c2a;background-color:rgba(255,250,220,0.4)}.sidebar-container .tags a.current-tag{background-color:rgba(255,250,220,0.4) !important;color:#c2a !important;font-weight:bold}img{border-radius:0.3rem}svg{font-family:sans-serif}picture{position:relative}figure{text-align:center;margin:.0rem;position:relative;margin-bottom:0.6rem}.image-wrapper{width:100%;position:relative;display:inline-block;line-height:0;vertical-align:middle}.image-fallback-placeholder{display:block;height:auto;border:1px dashed #ccc;min-height:100px;background-color:#f0f0f0}.image-caption{font-size:1rem;min-width:10%;max-width:90%;position:static;font-style:italic;padding:0.3rem;padding-bottom:.5rem;color:#404040;text-align:center;width:100%}.image-caption.lightbox{position:unset;margin:1.25rem auto 0;display:block;width:80%;text-align:center;color:#ccc;padding:0.6rem 0;font-size:0.9em;line-height:1.4}.post-preview .thumbnail img{width:100px;height:100px;object-fit:cover}.responsive-image-wrapper{margin-left:auto;margin-right:auto;max-width:100%;display:block;position:relative;overflow:hidden}.responsive-image-wrapper .placeholder-image{position:absolute;top:0;left:0;object-fit:cover;filter:blur(1rem);z-index:1;transition:opacity 0.3s ease-in-out}.responsive-image-wrapper .image-loading{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:0.7rem;color:black;z-index:2}.responsive-image-wrapper .main-image-picture{position:absolute;top:0;left:0;z-index:3;opacity:0;transition:opacity 0.3s ease-in-out}.responsive-image-wrapper .main-image-picture img{object-fit:cover}.responsive-image-wrapper .main-image-picture.loaded{opacity:1}@media (min-width: 769px){.responsive-image-wrapper:hover .image-attribution{display:none}}.custom-image-tooltip{display:none;position:fixed;background-color:rgba(0,0,0,0.85);color:white;padding:0.4rem 0.6rem;border-radius:0.25rem;font-size:0.8em;z-index:10000;pointer-events:none;white-space:normal;max-width:18rem;line-height:1.4}.image-attribution,.additional-info{position:absolute;width:fit-content;padding:0.1rem 0.5rem;font-size:1.2em;line-height:1;border-radius:0.2rem;z-index:10}.image-attribution p,.additional-info p{margin:0;padding:0}.additional-info{background-color:#fff0;font-style:italic;color:#fff8;bottom:0.5rem;left:0.5rem;text-align:left}.image-attribution{background-color:rgba(0,0,0,0.65);color:white;bottom:0.5rem;right:0.5rem;font-weight:700;text-align:right}@media (max-width: 768px){.image-attribution{font-weight:500}}.image-attribution .small{font-weight:100;font-size:0.9em}.image-attribution .smaller{font-weight:100;font-size:0.7em}.image-attribution.self{color:#fffa;background-color:#0000;font-size:0.8em}.google img{border-radius:1.9rem;border:1px solid #ddd;width:100px;background-color:white;padding:0.6rem 1.25rem 0.6rem 1.25rem}.awardphoto{margin-left:auto;margin-right:auto;text-align:center;margin-top:0.6rem;border-radius:1.9rem;background-color:#222}.awardphoto div{color:#fed}.awardphoto img{border-radius:50px;padding:1.25rem;width:100%;max-width:100%;height:auto;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto}.photo-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.photo-container img{padding:0.1rem}.image-overlay-icon-container{position:absolute;z-index:10;pointer-events:none;font-size:1rem}.image-overlay-icon-container.image-overlay-top-right{top:0.5em;right:0.5em}.image-overlay-icon-container.image-overlay-top-left{top:0.5em;left:0.5em}.image-overlay-icon-container.image-overlay-bottom-right{bottom:0.5em;right:0.5em}.image-overlay-icon-container.image-overlay-bottom-left{bottom:0.5em;left:0.5em}.image-overlay-icon-container .image-overlay-icon{display:inline-block;padding:0.3em 0.4em;background-color:rgba(0,0,0,0.4);color:white;border-radius:0.2rem;opacity:0.75}.photogroup-group{margin-bottom:2rem}.photogroup-group h2{border-bottom:1px solid #eee;padding-bottom:0.5rem;margin-bottom:1rem}.photogroup-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:0;font-weight:400}.photogroup-grid figure{margin:0}@media (max-width: 768px){.photogroup-grid{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}}.photogroup-grid>* img{border:1px solid #666;border-radius:0;padding:0;margin:0;width:100%;height:auto;object-fit:cover}.photogroup-grid>* .image-attribution,.photogroup-grid>* .additional-info{color:white;font-size:0.5em}.photogroup-grid>* .image-caption{display:none}.photogroup-grid>* .image-attribution{background-color:rgba(0,0,0,0.65)}.photogroup-grid>* .additional-info{bottom:unset;top:5%;left:5%;text-align:left}.sidebar-avatar{max-width:320px}.lightbox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9);cursor:pointer;padding-top:3.75rem}.lightbox-content{margin:auto;display:block;width:auto;height:auto;max-width:90%;max-height:80vh;animation-name:lightboxZoom;animation-duration:0.4s}.lightbox-close{position:absolute;top:10.3rem;right:2rem;color:#f1f1f1;font-size:2.5rem;font-weight:bold;transition:0.3s;z-index:1001}.lightbox-close:hover,.lightbox-close:focus{color:#bbb;text-decoration:none;cursor:pointer}@keyframes lightboxZoom{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.lightboxable-image{cursor:zoom-in}.imagemenu-container{margin-bottom:1.5em;border:1px solid #eee;padding:0.6rem;border-radius:0.25rem}.imagemenu-menu{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:1px solid #eee}.imagemenu-button{padding:0.5rem 0.75rem;font-size:0.9em;color:#333;background-color:#f0f0f0;border:1px solid #ccc;border-radius:100rem;cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.imagemenu-button:hover{background-color:#e0e0e0;border-color:#bbb}.imagemenu-button.active{background-color:#007bff;color:white;border-color:#0056b3;font-weight:bold}.imagemenu-images .imagemenu-item{margin:0;padding:0;text-align:center}.imagemenu-images .imagemenu-item.hidden{display:none}.imagemenu-image-wrapper{position:relative;display:inline-block;max-width:100%;line-height:0}.imagemenu-image-wrapper picture,.imagemenu-image-wrapper img{display:block}.imagemenu-images img{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto}.imagemenu-images .image-caption{font-size:0.85em;color:#555;margin-top:0.5rem;text-align:center}.soundmatches-container{position:relative;border:1px solid #0003;width:100%;border-radius:0.6rem;padding-top:0.3rem;padding-bottom:0.3rem;margin-top:0.2rem;margin-bottom:0.2rem}.soundmatches-container .audiopanel audio{width:100%;height:1.9rem}.soundmatches-container .audiopanel audio::-webkit-media-controls-download-button{display:none}.soundmatches-container .audiopanel audio::-webkit-media-controls-playback-rate-button{display:none}.soundmatches-container .audiopanel .audiotrack{margin-top:0.6rem;width:100%;height:0.6rem;background-color:#6665;position:relative;cursor:pointer}.soundmatches-container .audiopanel .audiotrack .progress{background-color:#0003}.soundmatches-container .audiopanel .audiotrack .progress-position{position:absolute;top:-0.3rem;width:0.1rem;height:1.25rem;background-color:#0007;z-index:30}.soundmatches-container .audiopanel .audiotrack .cues-visual{position:relative;background-color:#0000}.soundmatches-container .audiopanel .audiotrack .cues-visual .cue-box{border-radius:0.4rem;position:absolute;font-size:0.5em;top:-0.6rem;height:1.9rem;color:#000;z-index:-5}.soundmatches-container .audiopanel .audiotrack .cues-visual .cue-box .cue-info{position:absolute;background-color:#0000;top:1.25rem;left:0}.soundmatches-container .match-buttons{margin-top:0.6rem;display:flex;flex-direction:row;flex-wrap:wrap}.soundmatches-container .match-buttons .match-button{border-radius:100rem;border:1px solid #0003;font-size:0.7em;line-height:1rem;margin:0.25rem;padding:0.25rem}.soundmatches-container .match-buttons .resource-link{margin-left:0.6rem;color:#369;text-decoration:none}.soundmatches-container .match-buttons .resource-link:hover{color:#f90}.soundmatches-container .attribution{position:absolute;bottom:0.3rem;right:0.5rem;font-size:0.5rem;color:#0005}.audio-canvas{background-color:#0003;width:9rem;height:11.25rem;z-index:10}.play-button{position:absolute;left:0;top:1.5px;background-color:#3697}.volume{position:absolute;right:0;z-index:0}.track-info{font-family:monospace;position:absolute;display:flex;top:-2rem;right:0;z-index:10}.track-info .timecounter{flex:1;text-align:left;display:inline-block}.videocontainer video{max-width:100%;height:auto}.centerer{position:relative;margin-left:auto;margin-right:auto;text-align:center}.centerer .videocaption{color:#fffc;background-color:#0004;border-radius:6px;position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;margin:3px 10px 0 2px;padding:3px 2px 2px 0;text-align:center;z-index:10}.centerer .video-stream-container{display:inline-block;position:relative;background-color:#0004}.centerer .video-stream-container video{max-width:100%}.centerer .video-noscript{padding:1.25rem;background-color:#333;color:#fff}.centerer .video-noscript img{max-width:100%}.centerer .video-noscript a{color:#eee}.inat-widget{display:flex;align-items:center;flex-direction:column;margin-top:1.25rem;font-family:sans-serif;padding:0;line-height:1;font-size:1.1rem}.inatheader,.inatfooter{font-size:0.9rem;width:300px}.inatfooter{font-size:0.8rem;font-style:italic}.inatheader a,.inatfooter a{text-decoration:underline}div#inat,div#inat_top{display:grid;grid-template-columns:repeat(4, 75px);font-family:sans-serif}div.inatobs{line-height:0;width:75px;height:75px}div.inatobs img{border-radius:0;width:75px;height:75px}.inatobs,.csstooltip,.csstooltiptext{border-radius:0.1rem}.csstooltip{position:relative;text-decoration:none;font-size:0.7rem;padding:0;margin:0}.csstooltip .csstooltiptext{display:none;position:absolute;z-index:1;background-color:rgba(0,0,0,0.7);color:#fff;text-align:center;bottom:0.3rem;line-height:1}.csstooltip:hover .csstooltiptext{visibility:visible;display:block}.inat-widget-header{margin-bottom:0;font-size:1.2rem}.inat-widget td,.inat-widget tr,.inat-widget table{vertical-align:top;padding:0;line-height:1;margin:0}.inat-label{color:#888}.inat-observation-body,.inat-user-body{padding:0}.inat-observation-image,.inat-user-image{width:75px;display:inline-block}.inat-observation-image img,.inat-user-image img{max-width:75px}.inat-widget-small .inat-observation-image{display:block;margin:0 0.2rem 0.2rem 0;height:48px}.inat-user-body{vertical-align:middle}.inat-widget td.inat-user-body{vertical-align:middle}.inat-observation-image{text-align:center;width:75px;height:75px;display:inline-block;vertical-align:top;overflow:hidden;background-color:#f0f0f0}.inat-observation-image img{max-width:75px;display:block;margin:0 auto}.share-post-section{width:100%;display:inline-block;margin-bottom:2em;text-align:center}.share-post-section.header{width:auto;position:absolute;margin-bottom:unset;margin-left:0.3rem;bottom:-0.6rem;right:0.6rem}.share-post-section.header .mobile-share-trigger{padding:0.1rem 0.25rem}.share-post-section .mobile-share-trigger{display:inline-block;padding:0.6rem 1.25rem;font-size:1em;cursor:pointer;color:#000;background-color:rgba(255,221,85,0.533333);border:1px solid #ccc;border-radius:0.6rem}.share-post-section .desktop-share-ui{display:flex;align-items:center;justify-content:center;gap:0.3rem;max-width:80%;margin-left:auto;margin-right:auto}.share-post-section .desktop-share-ui .share-this-post{font-style:italic;font-size:0.9em}.share-post-section .desktop-share-ui .share-url{display:flex}.share-post-section .desktop-share-ui .share-url .share-url-input{padding:0.6rem;font-size:1em;border:1px solid #ccc;border-radius:0.6rem;flex-grow:1;text-align:left;min-width:0}.share-post-section .desktop-share-ui .share-url .copy-url-button{padding:0.3rem 0.6rem;font-size:1em;cursor:pointer;background-color:rgba(255,221,85,0.533333);border:1px solid #888;border-radius:0.6rem;white-space:nowrap}.share-post-section .desktop-share-ui .share-url .copy-url-button:hover{background-color:#fd5;border:1px solid black}@media (max-width: 768px){.share-post-section .mobile-share-trigger{display:inline-block}.share-post-section .desktop-share-ui{display:none}}@media (min-width: 769px){.share-post-section .desktop-share-ui{display:flex}.share-post-section .mobile-share-trigger{display:none}}.search-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fff;-webkit-transition:all 400ms cubic-bezier(0.32, 1, 0.23, 1);transition:all 400ms cubic-bezier(0.32, 1, 0.23, 1);-webkit-transform:translate(0, 100%);-ms-transform:translate(0, 100%);transform:translate(0, 100%);opacity:0}.search-page.search-active{opacity:1;-webkit-transform:translate(0, 0) scale(1, 1);-ms-transform:translate(0, 0) scale(1, 1);transform:translate(0, 0) scale(1, 1)}.search-page.search-active .search-main{opacity:1}.search-page .search-main{padding-top:5rem;height:100%;opacity:0;-webkit-transition:all 400ms cubic-bezier(0.32, 1, 0.23, 1) 250ms;transition:all 400ms cubic-bezier(0.32, 1, 0.23, 1) 250ms}.search-page .search-main .row,.search-page .search-main .row>div{height:100%}.search-page .search-icon-close-container{position:absolute;z-index:1;padding:1rem;top:0;right:0.1rem}.search-page .search-icon-close-container i{font-size:1.3rem}.search-page #search-input{border:none;outline:none;padding:0;margin:0;width:100%;font-size:1.9rem;font-weight:bold;color:#404040}.search-page #search-results{overflow:auto;height:100%;-webkit-overflow-scrolling:touch;padding-bottom:5rem}.search-icon a,.search-icon-close{cursor:pointer;font-size:1.9rem;color:#311e3e;-webkit-transition:all 0.25s;transition:all 0.25s}.search-icon a:hover,.search-icon-close:hover{opacity:0.8}.search-icon,.search-icon-close{font-size:1rem}td{font-size:0.8em}.socials{display:flex;flex-direction:row;flex-wrap:wrap}.socials .social{text-shadow:0.1rem 0.2rem 0.6rem #0004, 0.2rem 0.3rem 0.8rem #0003}.pixelfed{margin-top:2rem;text-align:center}.mastodon-digest{margin-left:auto;margin-right:auto;width:400px;background-color:var(--mastodon-bg, #f8f8f8);border:1px solid var(--mastodon-border, rgba(0,0,0,0.2));margin-bottom:1.5rem;border-radius:5px;font-family:sans-serif;padding:5px;box-sizing:border-box}.mastodon-digest h2{margin-top:0;font-size:1.2em}.mastodon-digest ul{list-style:none;padding:0;margin:1rem 0}.mastodon-digest li{border-bottom:1px dashed var(--mastodon-divider, #ddd);padding-bottom:1rem;margin-bottom:1rem}.mastodon-digest li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mastodon-digest li a{text-decoration:none;font-weight:bold;color:var(--mastodon-link, #337ab7)}.mastodon-digest p{margin:0.5rem 0;line-height:1.5}.mastodon-digest .mastodon-media img{max-width:100%;height:auto;display:block;margin-top:10px;border-radius:3px}.customicon{height:100%;display:flex;flex-direction:column;vertical-align:middle;align-items:center}.icon-pixelfed{height:100%;width:1.5rem;overflow:visible}footer{padding:0 0.6rem 0 0.6rem;max-width:768px;position:fixed;bottom:0;left:0;width:100%;text-align:center;z-index:50;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(255,255,255,0.8) 30%, #fff 100%)}footer .copyright{padding:0.3rem;font-size:0.875em}footer a{color:#337ab7}footer a:hover{color:var(--footer-link-hover-color, #0056b3)}footer .logout{font-size:0.875em;margin-top:0.3rem}footer .logout a{color:var(--footer-link-color, #007bff)}footer .logout a:hover{color:var(--footer-link-hover-color, #0056b3)}html{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Arial","PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#404040}@media (max-width: 768px){html{font-size:14px}}body{margin:0;background:linear-gradient(to right, #fffadc, #d9e9ff) no-repeat center center fixed;border-radius:0;box-sizing:border-box}.post-content-preview{font-size:0.9rem}.main-container{padding:1.2rem;display:flex;align-items:flex-start}.postlist-container{flex:2;margin-right:1.25rem}sup{line-height:0;top:0.4em;position:relative}pre code{overflow-x:auto;white-space:pre;word-wrap:normal}a{color:#038;text-decoration:none}a:hover{color:#fa0}a.markup-link{font-weight:700}.single-post-layout{padding-bottom:3rem;position:relative;display:flex;align-items:flex-start}.single-post-layout h1,.single-post-layout h2,.single-post-layout h3,.single-post-layout h4,.single-post-layout h5{scroll-margin-top:10vh}.post-container{padding:0.6rem;flex:1;max-width:768px;min-width:0;padding-bottom:1.25rem}.post-container.fullwidth{max-width:unset}.post-container a{text-decoration:underline dotted #0007;color:#337ab7}.post-container a:hover,.post-container a:focus{color:#038}a.site-title{font-weight:bold}a{color:#a3a3a3}a:hover,a:focus{color:#038}.post-title{color:#038}.post-title:hover{color:#fa0}.post-subtitle{color:#c2a;font-weight:bold}article{overflow:hidden}blockquote{color:gray;font-style:italic;font-size:0.9rem;margin:1.2rem 0 1.2rem}blockquote p{margin:0}.graycode{background-color:#ddd;font-family:monospace}pre code{display:block;width:auto;white-space:pre;word-wrap:normal}.postlist-container{margin-bottom:1rem;max-width:768px}.post-preview{margin-top:0.3rem;margin-bottom:0.3rem;display:flex;align-items:center}.post-preview .thumbnail{padding:0;margin:0;background-color:#0000;border:none;position:relative;width:100px;height:100px}.post-preview .post-preview-text{flex:1;padding-left:1.2rem}.post-preview .post-preview-text a:hover,.post-preview .post-preview-text a:focus{text-decoration:none;color:#038}.post-preview .post-preview-text a .post-title{font-size:1.5rem;line-height:1.2;margin-top:0.1rem;margin-bottom:0.1rem;text-align:left}.post-preview .post-preview-text a .post-title .posttype{padding-left:0.3rem;font-size:0.8rem;color:#404040}.post-preview .post-preview-text .post-subtitle{font-size:1rem;line-height:1.1;margin:0;margin-bottom:0.2rem;text-align:left}.post-preview .post-preview-text .post-meta{color:#a3a3a3;font-size:0.7rem;margin-top:0.3rem;text-align:right}.post-preview .post-content-preview{font-size:1rem;font-style:italic;margin-left:3%;color:#077}.post-preview .post-content-preview p{margin:0}.section-heading{font-size:2.25rem;margin-top:3.7rem;font-weight:700}.caption{text-align:center;font-size:0.9rem;padding:0.6rem;font-style:italic;margin:0;display:block;border-bottom-right-radius:0.3rem;border-bottom-left-radius:0.3rem}.ai{padding-top:12%;padding-left:0%;font-size:140%}.no-scroll{overflow-x:hidden;overflow-y:hidden}.logout{padding-bottom:0.3rem;text-align:center}.logout a{text-decoration:underline;color:#038}.paren{font-size:0.8em}.paren.ital{font-style:italic}.about-short{margin-top:0.6rem;display:flex;flex-direction:column;align-items:center}.pager{text-overflow:ellipsis;display:flex;flex-direction:row;text-align:center;justify-content:center}.pager a{text-decoration:none !important;text-align:center;max-width:200px;margin:0.3rem;padding:0.6rem;color:#6a7;text-transform:uppercase;font-size:0.8rem;font-weight:700;background-color:white;border-radius:0.5rem;border:1px solid #a3a3a3}.pager .next,.pager .previous{text-wrap:nowrap}@media (max-width: 950px){.pager{flex-direction:column}.pager .next,.pager .previous{margin-top:0.6rem;margin-bottom:0.6rem}.main-container{z-index:20;position:relative;padding:0.6rem;padding-bottom:1.9rem;flex-direction:column;justify-content:center}.postlist-container{margin-right:0;flex:none}}