@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--color-primary-default: #4682b1;--color-primary-light: #699ec7;--color-secondary-default: #9b6cca;--color-secondary-light: #dfbeff;--color-tertiary-default: #ff88bd;--color-tertiary-light: #ffc2e6;--color-accent-default: #cb7b29;--color-accent-light: #dd9f42;--color-grey-default: #979797;--color-slate-default: #38383a;--color-dark-default: #1f355b;--color-light-default: #eceded;--color-light-trans: #eceded88;--color-light-sec-default: #fafafa;--color-light-med: #dcdddd;--color-overlay: rgba(0; 0; 0; .4);--color-overlay2: rgba(0; 0; 0; .1);--color-overlay-inv: rgba(255; 255; 255; .4);--color-overlay-dark: rgba(0; 0; 0; .4);--color-overlay-light: rgba(255; 255; 255; .4);--color-text-primary: #fcfdfd;--color-text-main: #333;--color-text-med: #555;--color-text-secondary: #777;--color-red-danger-text: #fff;--color-input-bg: #fff;--color-scheme: "light"}html.dark{--color-primary-default: #4682b1;--color-primary-light: #699ec7;--color-secondary-default: #9b6cca;--color-secondary-light: #dfbeff;--color-tertiary-default: #ff88bd;--color-tertiary-light: #ffc2e6;--color-accent-default: #cb7b29;--color-accent-light: #dd9f42;--color-grey-default: #979797;--color-slate-default: #38383a;--color-dark-default: #1f355b;--color-light-default: #1e1e1e;--color-light-trans: #1e1e1e88;--color-light-sec-default: #2e2e2e;--color-light-med: #2e2e2e;--color-overlay: rgba(255; 255; 255; .4);--color-overlay2: rgba(255; 255; 255; .1);--color-overlay-inv: rgba(0; 0; 0; .4);--color-overlay-dark: rgba(0; 0; 0; .4);--color-overlay-light: rgba(255; 255; 255; .4);--color-text-primary: #fcfdfd;--color-text-main: #eee;--color-text-med: #ccc;--color-text-secondary: #aaa;--color-red-danger-text: #f00;--color-input-bg: #ccc;--color-scheme: "dark"}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{color-scheme:var(--color-scheme);color:var(--color-text-main);background-color:var(--color-light-default)}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Nunito,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.backdrop-mesh-gradient{background-color:#bde1eb;background-image:radial-gradient(circle at 87% 91%,hsl(201,57%,98%) 3%,transparent 58%),radial-gradient(circle at 50% 48%,hsl(184,54%,88%) 3%,transparent 58%),radial-gradient(circle at 45% 36%,hsl(230,82%,83%) 3%,transparent 58%),radial-gradient(circle at 13% 2%,hsl(250,81%,100%) 3%,transparent 58%),radial-gradient(circle at 46% 33%,hsl(191,64%,79%) 3%,transparent 58%);background-blend-mode:normal,normal,normal,normal,normal}.dark .backdrop-mesh-gradient{background-color:#193e48;background-image:radial-gradient(circle at 87% 91%,hsl(201,0%,11%) 3%,transparent 58%),radial-gradient(circle at 50% 48%,hsl(184,57%,18%) 3%,transparent 58%),radial-gradient(circle at 45% 36%,hsl(230,55%,16%) 3%,transparent 58%),radial-gradient(circle at 13% 2%,hsl(195.8823529412,0%,11%) 3%,transparent 58%),radial-gradient(circle at 46% 33%,hsl(191,39%,27%) 3%,transparent 58%);background-blend-mode:normal,normal,normal,normal,normal}.app-wrapper{width:100%;height:100%;max-width:100%;max-height:100%;position:relative}.main-display-container{width:100%;height:100%;max-width:100%;max-height:100%;position:relative;overflow:hidden}.no-such-stream-container,.display-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--color-primary-default)}.no-images-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.underwater-box{background-color:#0006;color:#fff;position:absolute;padding:1rem;top:0;left:1rem;width:auto;z-index:9999;font-family:monospace;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.debug-bar{position:fixed;top:0;right:1rem;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;padding-inline:1rem;padding-block:.5rem;background-color:var(--color-primary-default);color:var(--color-text-primary);z-index:9999;display:flex;flex-direction:row;gap:1rem;align-items:center;font-size:.8rem}.debug-bar .toggles{display:flex;flex-direction:column}.debug-bar .controls{display:flex;flex-direction:row;gap:.5rem;align-items:center}.debug-bar .controls div{display:flex;flex-direction:column}:root{--tf-ease: ease;--tf-easeIn: ease-in;--tf-easeOut: ease-out;--tf-easeInOut: ease-in-out;--tf-linear: linear;--tf-easeInSine: cubic-bezier(.12, 0, .39, 0);--tf-easeOutSine: cubic-bezier(.61, 1, .88, 1);--tf-easeInOutSine: cubic-bezier(.37, 0, .63, 1);--tf-easeInQuad: cubic-bezier(.11, 0, .5, 0);--tf-easeOutQuad: cubic-bezier(.5, 1, .89, 1);--tf-easeInOutQuad: cubic-bezier(.45, 0, .55, 1);--tf-easeInCubic: cubic-bezier(.32, 0, .67, 0);--tf-easeOutCubic: cubic-bezier(.33, 1, .68, 1);--tf-easeInOutCubic: cubic-bezier(.65, 0, .35, 1);--tf-easeInQuart: cubic-bezier(.5, 0, .75, 0);--tf-easeOutQuart: cubic-bezier(.25, 1, .5, 1);--tf-easeInOutQuart: cubic-bezier(.76, 0, .24, 1);--tf-easeInQuint: cubic-bezier(.64, 0, .78, 0);--tf-easeOutQuint: cubic-bezier(.22, 1, .36, 1);--tf-easeInOutQuint: cubic-bezier(.83, 0, .17, 1);--tf-easeInExpo: cubic-bezier(.7, 0, .84, 0);--tf-easeOutExpo: cubic-bezier(.16, 1, .3, 1);--tf-easeInOutExpo: cubic-bezier(.87, 0, .13, 1);--tf-easeInCirc: cubic-bezier(.55, 0, 1, .45);--tf-easeOutCirc: cubic-bezier(0, .55, .45, 1);--tf-easeInOutCirc: cubic-bezier(.85, 0, .15, 1);--tf-easeInBack: cubic-bezier(.36, 0, .66, -.56);--tf-easeOutBack: cubic-bezier(.34, 1.56, .64, 1);--tf-easeInOutBack: cubic-bezier(.68, -.6, .32, 1.6);--tf-easeInElastic: linear( 0, .002 13.3%, -.006 27.8%, -.001 31.9%, .015 39.3%, .016 42.5%, .012, .004 46.7%, -.042 54.3%, -.046 55.9% 57.3%, -.036, -.012 61.7%, .019 63.6%, .093 67.6%, .118 69.3%, .13, .131 72.2%, .123, .109 74.1%, .059 76%, -.032 78.2%, -.315 83.8%, -.364 85.5%, -.373, -.37 87.1%, -.346, -.296 89.3%, -.114 91.5%, .138 93.5%, .782 97.9%, 1 );--tf-easeOutElastic: linear( 0, .218 2.1%, .862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, .941 24%, .891 25.9%, .877, .869 27.8%, .87, .882 30.7%, .907 32.4%, .981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, .996 53.3%, .988, .984 57.5%, .985 60.7%, 1.001 68.1%, 1.006 72.2%, .998 86.7%, 1 );--tf-easeInOutElastic: linear( 0, .001 8.5%, -.005 19.2%, .002 22.4%, .023 27.8%, .024 30.2%, .014, -.006 33.5%, -.109 39.1%, -.118, -.115, -.099, -.07 43%, .03 44.8%, .93 54.7%, 1.045 56.4%, 1.082, 1.106 58.2%, 1.114, 1.118, 1.117, 1.112 60.7%, 1.092 62%, 1.005 66.5%, .986, .976 69.9%, .977 72.2%, .998 77.6%, 1.005 80.8%, .999 91.5%, 1 );--tf-easeInBounce: linear( 0, .012, .016, .012, 0, .027, .047, .059, .063, .059, .047, .027, 0 27.3%, .109 31.8%, .152, .188, .215, .234, .246, .25, .246, .234, .215, .188, .152, .109 59.1%, 0, .234, .438, .609, .75, .859 86.4%, .902, .938, .965, .984, .996, 1 );--tf-easeOutBounce: linear( 0, .004, .016, .035, .063, .098, .141 13.6%, .25, .391, .563, .765, 1, .891 40.9%, .848, .813, .785, .766, .754, .75, .754, .766, .785, .813, .848, .891 68.2%, 1 72.7%, .973, .953, .941, .938, .941, .953, .973, 1, .988, .984, .988, 1 );--tf-easeInOutBounce: linear( 0, .006, .008, .006, 0 4.5%, .023 6.8%, .029, .031, .029, .023 11.4%, 0, .055, .094, .117 20.5%, .123, .125, .123, .117 25%, .094, .055, 0 31.8%, .137, .25, .342, .413 42.4%, .456, .485 46.8%, .497 48.7%, .505 51.9%, .527, .567, .625 59.1%, .695, .781 63.6%, 1 68.2%, .945, .906, .883 75%, .877, .875, .877, .883 79.5%, .906, .945, 1, .977 88.6%, .971, .969, .971, .977 93.2%, 1 95.5%, .994, .992, .994, 1 );--tf-easeInSpring: linear( 0, -.004 16.2%, -.003, .003 30.2%, .025 42.9%, .026 46.2%, .023 49%, .009, -.017 56.9%, -.051 60.4%, -.129 67.2%, -.154 70.1%, -.161, -.163, -.159, -.149 75.7%, -.121, -.077, -.017, .062 83.3%, .277 87.1%, .719 93.3%, .859, .965 97.9%, .991, 1 );--tf-easeOutSpring: linear( 0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1 )}.photo-content{width:100%;height:100%;padding:2rem}.photo-content .photo-content-inner{display:inline-flex;justify-content:center;width:100%;height:100%;position:relative}.photo-content .photo-content-inner figure{position:relative;margin:auto;max-width:100%;max-height:100%}.photo-content .photo-content-inner figure img{object-fit:contain;max-width:100%;max-height:100%;inset:0}.photo-content .photo-content-inner figure img.photo-placeholder{inset:0}.photo-content .photo-content-inner figure .meta-bar{display:flex;flex-direction:row;gap:1rem;align-items:center;padding:2rem;color:#fff;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#0000,#00000080,#000)}.photo-content .photo-content-inner figure .meta-bar .avatar{width:4rem;height:4rem;border-radius:50%;object-fit:cover;overflow:hidden;display:flex;align-items:center;justify-content:center}.photo-content .photo-content-inner figure .meta-bar .avatar .avatar-initials{font-weight:700;font-size:1.5rem;display:flex;justify-content:center;align-items:center}.photo-content .photo-content-inner figure .meta-bar .meta-bar-info{display:flex;flex-direction:column;text-align:left}.photo-content .photo-content-inner figure .meta-bar .meta-bar-info .meta-bar-name{font-size:1.5rem;font-weight:700}.photo-content .photo-content-inner figure .meta-bar .meta-bar-info .meta-bar-message{font-size:1.25rem;color:#ddd}.photo-content .photo-content-inner figure .meta-bar .meta-bar-info .meta-bar-dateandtags{display:flex;flex-direction:row;gap:1rem;align-items:center}.photo-content .photo-content-inner figure .meta-bar .meta-bar-info .meta-bar-dateandtags .meta-bar-tags{display:flex;flex-direction:row;gap:.5rem}.photo-content .photo-content-inner figure .meta-bar .meta-bar-info .meta-bar-dateandtags .meta-bar-tags .meta-bar-tag{padding:.15rem .75rem;border-radius:25rem;background-color:var(--color-primary-default);color:#fff}.polaroid-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#f7f7f7;padding:1rem;box-shadow:0 .3rem 1.25rem #0009;border-radius:.25rem;overflow:hidden}.polaroid-content .polaroid-photo{flex:1 1 0%;overflow:hidden}.polaroid-content .meta-bar{display:flex;flex-direction:row;gap:1rem;align-items:center;padding-top:1rem;color:#333}.polaroid-content .meta-bar .avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;overflow:hidden;display:flex;align-items:center;justify-content:center}.polaroid-content .meta-bar .avatar .avatar-initials{font-weight:700;font-size:1rem;display:flex;justify-content:center;align-items:center}.polaroid-content .meta-bar .meta-bar-info{display:flex;flex-direction:column;text-align:left}.polaroid-content .meta-bar .meta-bar-info .meta-bar-name{font-size:1.1rem;font-weight:700;line-height:1rem}.polaroid-content .meta-bar .meta-bar-info .meta-bar-message{font-size:.95rem;color:#666;line-height:1.5rem}.polaroid-content .meta-bar .meta-bar-info .meta-bar-dateandtags{display:flex;flex-direction:row;gap:1rem;align-items:center;line-height:1rem}.polaroid-content .meta-bar .meta-bar-info .meta-bar-dateandtags .meta-bar-tags{display:flex;flex-direction:row;gap:.5rem}.polaroid-content .meta-bar .meta-bar-info .meta-bar-dateandtags .meta-bar-tags .meta-bar-tag{padding:.15rem .75rem;border-radius:25rem;background-color:var(--color-primary-default);color:#fff}.covered-fullscreen-content .meta-bar{display:flex;flex-direction:row;gap:1rem;align-items:center;padding:2rem;color:#fff;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#0000,#00000080,#000)}.covered-fullscreen-content .meta-bar .avatar{width:4rem;height:4rem;border-radius:50%;object-fit:cover;overflow:hidden;display:flex;align-items:center;justify-content:center}.covered-fullscreen-content .meta-bar .avatar .avatar-initials{font-weight:700;font-size:1.5rem;display:flex;justify-content:center;align-items:center}.covered-fullscreen-content .meta-bar .meta-bar-info{display:flex;flex-direction:column;text-align:left}.covered-fullscreen-content .meta-bar .meta-bar-info .meta-bar-name{font-size:1.5rem;font-weight:700}.covered-fullscreen-content .meta-bar .meta-bar-info .meta-bar-message{font-size:1.25rem;color:#ddd}.covered-fullscreen-content .meta-bar .meta-bar-info .meta-bar-dateandtags{display:flex;flex-direction:row;gap:1rem;align-items:center}.covered-fullscreen-content .meta-bar .meta-bar-info .meta-bar-dateandtags .meta-bar-tags{display:flex;flex-direction:row;gap:.5rem}.covered-fullscreen-content .meta-bar .meta-bar-info .meta-bar-dateandtags .meta-bar-tags .meta-bar-tag{padding:.15rem .75rem;border-radius:25rem;background-color:var(--color-primary-default);color:#fff}.filled-background-content .meta-bar{display:flex;flex-direction:row;gap:1rem;align-items:center;padding:2rem;color:#fff;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#0000,#00000080,#000)}.filled-background-content .meta-bar .avatar{width:4rem;height:4rem;border-radius:50%;object-fit:cover;overflow:hidden;display:flex;align-items:center;justify-content:center}.filled-background-content .meta-bar .avatar .avatar-initials{font-weight:700;font-size:1.5rem;display:flex;justify-content:center;align-items:center}.filled-background-content .meta-bar .meta-bar-info{display:flex;flex-direction:column;text-align:left}.filled-background-content .meta-bar .meta-bar-info .meta-bar-name{font-size:1.5rem;font-weight:700}.filled-background-content .meta-bar .meta-bar-info .meta-bar-message{font-size:1.25rem;color:#ddd}.filled-background-content .meta-bar .meta-bar-info .meta-bar-dateandtags{display:flex;flex-direction:row;gap:1rem;align-items:center}.filled-background-content .meta-bar .meta-bar-info .meta-bar-dateandtags .meta-bar-tags{display:flex;flex-direction:row;gap:.5rem}.filled-background-content .meta-bar .meta-bar-info .meta-bar-dateandtags .meta-bar-tags .meta-bar-tag{padding:.15rem .75rem;border-radius:25rem;background-color:var(--color-primary-default);color:#fff}.main-display-container{--transition-speed: 1s;--transition-speed-half: calc(var(--transition-speed) / 2);--transition-ease: ease-in-out;--transition-type: all}.no-transition,.no-transition .display-content,.no-transition.display-content{transition:none!important}.dual-content .display-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-align:center;transition:transform var(--transition-speed) var(--transition-ease);z-index:0}.dual-content.slide-left .display-content{transform:translate(100%)}.dual-content.slide-left .display-content.idle{opacity:0}.dual-content.slide-left .display-content.active{transform:translate(0);z-index:10}.dual-content.slide-left .display-content.inactive,.dual-content.slide-right .display-content{transform:translate(-100%)}.dual-content.slide-right .display-content.idle{opacity:0}.dual-content.slide-right .display-content.active{transform:translate(0);z-index:10}.dual-content.slide-right .display-content.inactive{transform:translate(100%)}.dual-content.slide-top .display-content{transform:translateY(-100%)}.dual-content.slide-top .display-content.idle{opacity:0}.dual-content.slide-top .display-content.active{transform:translate(0);z-index:10}.dual-content.slide-top .display-content.inactive,.dual-content.slide-bottom .display-content{transform:translateY(100%)}.dual-content.slide-bottom .display-content.idle{opacity:0}.dual-content.slide-bottom .display-content.active{transform:translate(0);z-index:10}.dual-content.slide-bottom .display-content.inactive{transform:translateY(-100%)}.dual-content.cross-fade .display-content{transition-property:all;opacity:0}.dual-content.cross-fade .display-content.active{opacity:1;z-index:10}.dual-content.cross-fade .display-content.inactive{opacity:0}.dual-content.slide-in-left .display-content{transform:translate(100%);z-index:10;transition-property:all}.dual-content.slide-in-left .display-content.idle{z-index:0;opacity:0;transform:translate(100%)}.dual-content.slide-in-left .display-content.active{transform:translate(0)}.dual-content.slide-in-left .display-content.inactive{transform:translate(0);z-index:0;opacity:0}.dual-content.slide-in-right .display-content{transform:translate(-100%);z-index:10;transition-property:all}.dual-content.slide-in-right .display-content.idle{opacity:0;transform:translate(-100%);z-index:0}.dual-content.slide-in-right .display-content.active{transform:translate(0)}.dual-content.slide-in-right .display-content.inactive{transform:translate(0);z-index:0;opacity:0}.dual-content.slide-in-top .display-content{transform:translateY(-100%);z-index:10;transition-property:all}.dual-content.slide-in-top .display-content.idle{opacity:0;transform:translateY(-100%);z-index:0}.dual-content.slide-in-top .display-content.active{transform:translate(0)}.dual-content.slide-in-top .display-content.inactive{transform:translateY(0);z-index:0;opacity:0}.dual-content.slide-in-bottom .display-content{transform:translateY(100%);z-index:10;transition-property:all}.dual-content.slide-in-bottom .display-content.idle{opacity:0;transform:translateY(100%);z-index:0}.dual-content.slide-in-bottom .display-content.active{transform:translate(0)}.dual-content.slide-in-bottom .display-content.inactive{transform:translateY(0);z-index:0;opacity:0}.dual-content.slide-out-left .display-content{transform:translate(0);transition-property:all;opacity:1}.dual-content.slide-out-left .display-content.idle{opacity:0;z-index:0}.dual-content.slide-out-left .display-content.active{transform:translate(0);z-index:10}.dual-content.slide-out-left .display-content.inactive{transform:translate(100%);opacity:0}.dual-content.slide-out-right .display-content{transform:translate(0);transition-property:all;opacity:1}.dual-content.slide-out-right .display-content.idle{opacity:0;z-index:0}.dual-content.slide-out-right .display-content.active{transform:translate(0);z-index:10}.dual-content.slide-out-right .display-content.inactive{transform:translate(-100%);opacity:0}.dual-content.slide-out-top .display-content{transform:translateY(0);transition-property:all;opacity:1}.dual-content.slide-out-top .display-content.idle{opacity:0;z-index:0}.dual-content.slide-out-top .display-content.active{transform:translateY(0);z-index:10}.dual-content.slide-out-top .display-content.inactive{transform:translateY(-100%);opacity:0}.dual-content.slide-out-bottom .display-content{transform:translateY(0);transition-property:all;opacity:1}.dual-content.slide-out-bottom .display-content.idle{opacity:0;z-index:0}.dual-content.slide-out-bottom .display-content.active{transform:translateY(0);z-index:10}.dual-content.slide-out-bottom .display-content.inactive{transform:translateY(100%);opacity:0}.dual-content.zoom-in .display-content{transform:scale(0);transition-property:all}.dual-content.zoom-in .display-content.idle{opacity:0}.dual-content.zoom-in .display-content.active{transform:scale(1);z-index:10}.dual-content.zoom-in .display-content.inactive{transform:scale(1);opacity:0}.dual-content.zoom-out .display-content{transform:scale(1);z-index:0;opacity:0;transition-property:all}.dual-content.zoom-out .display-content.active{transform:scale(1);z-index:10;opacity:1}.dual-content.zoom-out .display-content.inactive{transform:scale(0);opacity:0}.dual-content.zoom-away .display-content{transform:scale(1);z-index:0;opacity:0;transition-property:all}.dual-content.zoom-away .display-content.active{transform:scale(1);z-index:10;opacity:1}.dual-content.zoom-away .display-content.inactive{transform:scale(5);opacity:0}.dual-content.zoom-cross .display-content{transform:scale(0);z-index:0;opacity:0;transition-property:all}.dual-content.zoom-cross .display-content.active{transform:scale(1);z-index:10;opacity:1}.dual-content.zoom-cross .display-content.inactive{transform:scale(5);opacity:0}.dual-content.flip-hor{perspective:1000px;transform-style:preserve-3d}.dual-content.flip-hor .display-content{opacity:0;transform:rotateY(180deg);transition-property:all}.dual-content.flip-hor .display-content.active{transform:rotateY(0);z-index:10;opacity:1}.dual-content.flip-hor .display-content.inactive{transform:rotateY(-180deg);opacity:0}.dual-content.flip-vert{perspective:1000px;transform-style:preserve-3d}.dual-content.flip-vert .display-content{opacity:0;transform:rotateX(180deg);transition-property:all}.dual-content.flip-vert .display-content.active{transform:rotateX(0);z-index:10;opacity:1}.dual-content.flip-vert .display-content.inactive{transform:rotateX(-180deg);opacity:0}.multi-image{position:relative}.multi-image .multi-image-content{position:absolute;inset:0}.stacking-fade .stacking-content{transition:var(--transition-type) var(--transition-speed) var(--transition-ease);opacity:0}.stacking-fade .stacking-content.new,.stacking-fade .stacking-content.active{opacity:1}.stacking-fade .stacking-content.remove{opacity:0}.stacking-drop-top .stacking-content{transition:var(--transition-type) var(--transition-speed) var(--transition-ease);top:-100%!important}.stacking-drop-top .stacking-content.new,.stacking-drop-top .stacking-content.active{top:var(--target-top)!important}.stacking-drop-top .stacking-content.remove{top:-100%!important}.stacking-pop-bottom .stacking-content{transition:var(--transition-type) var(--transition-speed) var(--transition-ease);top:100%!important}.stacking-pop-bottom .stacking-content.new,.stacking-pop-bottom .stacking-content.active{top:var(--target-top)!important}.stacking-pop-bottom .stacking-content.remove{top:100%!important}.stacking-slide-left .stacking-content{transition:var(--transition-type) var(--transition-speed) var(--transition-ease);left:-100%!important}.stacking-slide-left .stacking-content.new,.stacking-slide-left .stacking-content.active{left:var(--target-left)!important}.stacking-slide-left .stacking-content.remove{left:-100%!important}.stacking-slide-right .stacking-content{transition:var(--transition-type) var(--transition-speed) var(--transition-ease);left:100%!important}.stacking-slide-right .stacking-content.new,.stacking-slide-right .stacking-content.active{left:var(--target-left)!important}.stacking-slide-right .stacking-content.remove{left:100%!important}.stacking-zoom .stacking-content{transition:var(--transition-type) var(--transition-speed) var(--transition-ease);transform:var(--base-transform) scale(0)!important}.stacking-zoom .stacking-content.new,.stacking-zoom .stacking-content.active{transform:var(--base-transform) scale(1)!important}.stacking-zoom .stacking-content.remove{transform:var(--base-transform) scale(0)!important}.covered-content{position:relative;--cover-color: var(--color-primary-default)}.covered-content .display-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-align:center;z-index:0;opacity:0}.covered-content .display-content.active{z-index:10;opacity:1}.covered-content .cover{position:absolute;inset:0;z-index:20;background-color:var(--cover-color);transition:var(--transition-type) var(--transition-speed-half) var(--transition-ease);transform:translate(-100%);opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.covered-content.fade-black .cover.cover-2{transform:translate(0);opacity:0}.covered-content.fade-black .cover.cover-2.in{opacity:1}.covered-content.fade-black .cover.cover-2.out{opacity:.1}.covered-content.fade-black .cover.cover-2.reset{opacity:0}.covered-content.curtain-hor .cover.cover-1{opacity:1;transform:translate(-100%)}.covered-content.curtain-hor .cover.cover-2{opacity:1;transform:translate(100%)}.covered-content.curtain-hor .cover.cover-1.in{transform:translate(-45%)}.covered-content.curtain-hor .cover.cover-2.in{transform:translate(45%)}.covered-content.curtain-hor .cover.cover-1.out{transform:translate(-100%)}.covered-content.curtain-hor .cover.cover-2.out{transform:translate(100%)}.covered-content.curtain-hor .cover.cover-1.reset{transform:translate(-105%)}.covered-content.curtain-hor .cover.cover-2.reset{transform:translate(105%)}.covered-content.curtain-vert .cover.cover-1{opacity:1;transform:translateY(-100%)}.covered-content.curtain-vert .cover.cover-2{opacity:1;transform:translateY(100%)}.covered-content.curtain-vert .cover.cover-1.in{transform:translateY(-45%)}.covered-content.curtain-vert .cover.cover-2.in{transform:translateY(45%)}.covered-content.curtain-vert .cover.cover-1.out{transform:translateY(-100%)}.covered-content.curtain-vert .cover.cover-2.out{transform:translateY(100%)}.covered-content.curtain-vert .cover.cover-1.reset{transform:translateY(-105%)}.covered-content.curtain-vert .cover.cover-2.reset{transform:translateY(105%)}.covered-content.cover-slide-left .cover.cover-2{--transition-type: transform;opacity:1;transform:translate(-100%)}.covered-content.cover-slide-left .cover.cover-2.in{opacity:1;transform:translate(0)}.covered-content.cover-slide-left .cover.cover-2.out{transform:translate(100%)}.covered-content.cover-slide-left .cover.cover-2.reset{opacity:0}.covered-content.cover-slide-right .cover.cover-2{--transition-type: transform;opacity:1;transform:translate(100%)}.covered-content.cover-slide-right .cover.cover-2.in{opacity:1;transform:translate(0)}.covered-content.cover-slide-right .cover.cover-2.out{transform:translate(-100%)}.covered-content.cover-slide-right .cover.cover-2.reset{opacity:0}.covered-content.cover-slide-top .cover.cover-2{--transition-type: transform;opacity:1;transform:translateY(-100%)}.covered-content.cover-slide-top .cover.cover-2.in{opacity:1;transform:translateY(0)}.covered-content.cover-slide-top .cover.cover-2.out{transform:translateY(100%)}.covered-content.cover-slide-top .cover.cover-2.reset{opacity:0}.covered-content.cover-slide-bottom .cover.cover-2{--transition-type: transform;opacity:1;transform:translateY(100%)}.covered-content.cover-slide-bottom .cover.cover-2.in{opacity:1;transform:translateY(0)}.covered-content.cover-slide-bottom .cover.cover-2.out{transform:translateY(-100%)}.covered-content.cover-slide-bottom .cover.cover-2.reset{opacity:0}@property --segment-size{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --wipe-position{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --clock-hands-position{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --iris-radius{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --iris-gradient-length{syntax: "<length> | <percentage>"; inherits: false; initial-value: 0px;}.image-mask-content .display-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-align:center;transition:none;z-index:0;opacity:0}.image-mask-content .display-content.active{z-index:10;opacity:1}.image-mask-content .image-mask{position:absolute;inset:0;overflow:hidden;z-index:20;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.image-mask-content.mask-css-blinds-hor{--cover-color: var(--color-primary-default)}.image-mask-content.mask-css-blinds-hor .image-mask{--initial-segment-size: 20vh;--segment-size: 0px;-webkit-mask-image:repeating-linear-gradient(to bottom,#000000,#000000 var(--segment-size),transparent var(--segment-size),transparent var(--initial-segment-size));mask-image:repeating-linear-gradient(to bottom,#000000,#000000 var(--segment-size),transparent var(--segment-size),transparent var(--initial-segment-size));background-color:var(--cover-color);transition:--segment-size var(--transition-speed) var(--transition-ease)}.image-mask-content.mask-css-blinds-hor .image-mask.in{--segment-size: 20vh}.image-mask-content.mask-css-blinds-hor .image-mask.out{--segment-size: 0px}.image-mask-content.mask-css-blinds-ver .image-mask{--cover-color: var(--color-primary-default);--initial-segment-size: 10vw;--segment-size: 0px;-webkit-mask-image:repeating-linear-gradient(to right,#000000,#000000 var(--segment-size),transparent var(--segment-size),transparent var(--initial-segment-size));mask-image:repeating-linear-gradient(to right,#000000,#000000 var(--segment-size),transparent var(--segment-size),transparent var(--initial-segment-size));background-color:var(--cover-color);transition:--segment-size var(--transition-speed) var(--transition-ease)}.image-mask-content.mask-css-blinds-ver .image-mask.in{--segment-size: 10vw}.image-mask-content.mask-css-blinds-ver .image-mask.out{--segment-size: 0px}.image-mask-content.mask-css-wipe-topleft .image-mask{--cover-color: var(--color-primary-default);--wipe-position: -100%;--gradient-length: 20%;-webkit-mask-image:linear-gradient(to bottom right,black var(--wipe-position),transparent calc(var(--wipe-position) + var(--gradient-length)),transparent);background-color:var(--cover-color);mask-image:linear-gradient(to bottom right,black var(--wipe-position),transparent calc(var(--wipe-position) + var(--gradient-length)),transparent);transition:--wipe-position var(--transition-speed) var(--transition-ease)}.image-mask-content.mask-css-wipe-topleft .image-mask.in{--wipe-position: 100%}.image-mask-content.mask-css-wipe-topleft .image-mask.out{--wipe-position: -100%}.image-mask-content.mask-css-wipe-topright .image-mask{--cover-color: var(--color-primary-default);--wipe-position: -100%;--gradient-length: 20%;-webkit-mask-image:linear-gradient(to bottom left,black var(--wipe-position),transparent calc(var(--wipe-position) + var(--gradient-length)),transparent);background-color:var(--cover-color);mask-image:linear-gradient(to bottom left,black var(--wipe-position),transparent calc(var(--wipe-position) + var(--gradient-length)),transparent);transition:--wipe-position var(--transition-speed) var(--transition-ease)}.image-mask-content.mask-css-wipe-topright .image-mask.in{--wipe-position: 100%}.image-mask-content.mask-css-wipe-topright .image-mask.out{--wipe-position: -100%}.image-mask-content.mask-css-wipe-bottomleft .image-mask{--cover-color: var(--color-primary-default);--wipe-position: -100%;--gradient-length: 20%;-webkit-mask-image:linear-gradient(to top right,black var(--wipe-position),transparent calc(var(--wipe-position) + var(--gradient-length)),transparent);background-color:var(--cover-color);mask-image:linear-gradient(to top right,black var(--wipe-position),transparent calc(var(--wipe-position) + var(--gradient-length)),transparent);transition:--wipe-position var(--transition-speed) var(--transition-ease)}.image-mask-content.mask-css-wipe-bottomleft .image-mask.in{--wipe-position: 100%}.image-mask-content.mask-css-wipe-bottomleft .image-mask.out{--wipe-position: -100%}.image-mask-content.mask-css-wipe-bottomright .image-mask{--cover-color: var(--color-primary-default);--wipe-position: -100%;--gradient-length: 20%;-webkit-mask-image:linear-gradient(to top left,black var(--wipe-position),transparent calc(var(--wipe-position) + var(--gradient-length)),transparent);background-color:var(--cover-color);mask-image:linear-gradient(to top left,black var(--wipe-position),transparent calc(var(--wipe-position) + var(--gradient-length)),transparent);transition:--wipe-position var(--transition-speed) var(--transition-ease)}.image-mask-content.mask-css-wipe-bottomright .image-mask.in{--wipe-position: 100%}.image-mask-content.mask-css-wipe-bottomright .image-mask.out{--wipe-position: -100%}.image-mask-content.mask-css-clock .image-mask{--cover-color: var(--color-primary-default);--gradient-length: 30%;--clock-hands-position: -30%;background-color:var(--cover-color);-webkit-mask-image:conic-gradient(#000000 var(--clock-hands-position),transparent calc(var(--clock-hands-position) + var(--gradient-length)),transparent 100%);mask-image:conic-gradient(#000000 var(--clock-hands-position),transparent calc(var(--clock-hands-position) + var(--gradient-length)),transparent 100%);transition:--clock-hands-position var(--transition-speed) var(--transition-ease)}.image-mask-content.mask-css-clock .image-mask.in{--clock-hands-position: 100%}.image-mask-content.mask-css-clock .image-mask.out{--clock-hands-position: -30%}.image-mask-content.mask-css-iris .image-mask{--iris-radius: -50%;--iris-gradient-length: 25%;--cover-color: var(--color-primary-default);-webkit-mask-image:radial-gradient(black,black var(--iris-radius),transparent calc(var(--iris-radius) + var(--iris-gradient-length)),transparent);mask-image:radial-gradient(black,black var(--iris-radius),transparent calc(var(--iris-radius) + var(--iris-gradient-length)),transparent);background-color:var(--cover-color);transition:--iris-radius var(--transition-speed) var(--transition-ease),--iris-gradient-length var(--transition-speed) var(--transition-ease)}.image-mask-content.mask-css-iris .image-mask.in{--iris-radius: 100%;--iris-gradient-length: 15%}.image-mask-content.mask-css-iris .image-mask.out{--iris-radius: -50%;--iris-gradient-length: 25%}@property --mask-position{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.image-mask-morph-content .display-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-align:center;transition:none;z-index:0;background-color:transparent}.image-mask-morph-content .display-content .meta-bar{transition:all var(--transition-speed) var(--transition-ease);opacity:1}.image-mask-morph-content .display-content.active{z-index:10}.image-mask-morph-content .display-content.morph .meta-bar{opacity:0}.image-mask-morph-content.mask-morph-blob .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/blob.png);mask:url(/morphs/blob.png);-webkit-mask-size:7100% 100%;mask-size:7100% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(70)}.image-mask-morph-content.mask-morph-blob .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-leaf .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/leaf.png);mask:url(/morphs/leaf.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(22)}.image-mask-morph-content.mask-morph-leaf .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-slide .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/slide.png);mask:url(/morphs/slide.png);-webkit-mask-size:7500% 100%;mask-size:7500% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(74)}.image-mask-morph-content.mask-morph-slide .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-block .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/blocks.png);mask:url(/morphs/blocks.png);-webkit-mask-size:8400% 100%;mask-size:8400% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(83)}.image-mask-morph-content.mask-morph-block .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-brush .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/brush.png);mask:url(/morphs/brush.png);-webkit-mask-size:3000% 100%;mask-size:3000% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(29)}.image-mask-morph-content.mask-morph-brush .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-rain .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/rain.png);mask:url(/morphs/rain.png);-webkit-mask-size:7400% 100%;mask-size:7400% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(73)}.image-mask-morph-content.mask-morph-rain .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-fire .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/fire1.png);mask:url(/morphs/fire1.png);-webkit-mask-size:2400% 100%;mask-size:2400% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(23)}.image-mask-morph-content.mask-morph-fire .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-explode .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/explode1.png);mask:url(/morphs/explode1.png);-webkit-mask-size:5200% 100%;mask-size:5200% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(51)}.image-mask-morph-content.mask-morph-explode .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-liquid1 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/liquid1.png);mask:url(/morphs/liquid1.png);-webkit-mask-size:2000% 100%;mask-size:2000% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(19)}.image-mask-morph-content.mask-morph-liquid1 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-liquid2 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/liquid2.png);mask:url(/morphs/liquid2.png);-webkit-mask-size:1900% 100%;mask-size:1900% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(18)}.image-mask-morph-content.mask-morph-liquid2 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-liquid3 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/liquid3.png);mask:url(/morphs/liquid3.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(22)}.image-mask-morph-content.mask-morph-liquid3 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-noise1 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/noise1.png);mask:url(/morphs/noise1.png);-webkit-mask-size:4000% 100%;mask-size:4000% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(39)}.image-mask-morph-content.mask-morph-noise1 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-splat1 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/splat1.png);mask:url(/morphs/splat1.png);-webkit-mask-size:3500% 100%;mask-size:3500% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(34)}.image-mask-morph-content.mask-morph-splat1 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-splat2 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/splat2.png);mask:url(/morphs/splat2.png);-webkit-mask-size:3800% 100%;mask-size:3800% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(37)}.image-mask-morph-content.mask-morph-splat2 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-splat3 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/splat3.png);mask:url(/morphs/splat3.png);-webkit-mask-size:4200% 100%;mask-size:4200% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(41)}.image-mask-morph-content.mask-morph-splat3 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-stack1 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/stack1.png);mask:url(/morphs/stack1.png);-webkit-mask-size:3300% 100%;mask-size:3300% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(32)}.image-mask-morph-content.mask-morph-stack1 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-stack2 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/stack2.png);mask:url(/morphs/stack2.png);-webkit-mask-size:3800% 100%;mask-size:3800% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(37)}.image-mask-morph-content.mask-morph-stack2 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-stripes1 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/stripes1.png);mask:url(/morphs/stripes1.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(22)}.image-mask-morph-content.mask-morph-stripes1 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-stripes2 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/stripes2.png);mask:url(/morphs/stripes2.png);-webkit-mask-size:2500% 100%;mask-size:2500% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(24)}.image-mask-morph-content.mask-morph-stripes2 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-tear1 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/tear1.png);mask:url(/morphs/tear1.png);-webkit-mask-size:3800% 100%;mask-size:3800% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(37)}.image-mask-morph-content.mask-morph-tear1 .display-content.morph{--mask-position: 100%}.image-mask-morph-content.mask-morph-tear2 .display-content{--mask-position: 0%;-webkit-mask:url(/morphs/tear2.png);mask:url(/morphs/tear2.png);-webkit-mask-size:3900% 100%;mask-size:3900% 100%;-webkit-mask-position:var(--mask-position) 0;mask-position:var(--mask-position) 0;transition:--mask-position var(--transition-speed) steps(38)}.image-mask-morph-content.mask-morph-tear2 .display-content.morph{--mask-position: 100%}