*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#000}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0}img{vertical-align:middle;border-style:none;user-select:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:0}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400;line-height:1.6;color:var(--Theme__text900)}h1{font-size:1.5em;font-family:var(--Theme__fontDisplay);font-weight:var(--Theme__fontWeightMedium);font-style:normal}h2{font-size:1.2em;font-family:var(--Theme__fontDisplay);font-weight:var(--Theme__fontWeightMedium);font-style:normal}h3{font-size:1.1em;font-family:var(--Theme__fontDisplay);font-weight:var(--Theme__fontWeightMedium);font-style:normal}h4{font-size:1em;font-family:var(--Theme__fontDisplay);font-weight:var(--Theme__fontWeightLight);font-style:normal}h5{font-size:1em;font-family:var(--Theme__fontDisplay);font-weight:var(--Theme__fontWeightLight);font-style:normal;font-weight:var(--Theme__fontWeightBold)}h6{font-size:.75em;font-family:var(--Theme__fontDisplay);font-weight:var(--Theme__fontWeightLight);font-style:normal;font-weight:var(--Theme__fontWeightBold)}p{color:var(--Theme__text900);margin:0;line-height:1.6}hr{border:0;border-top:2px;border-radius:.5em;margin:1em;clear:both}b,caption,strong{color:var(--Theme__text900);font-family:var(--Theme__fontUi);font-weight:var(--Theme__fontWeightBold)}i{font-style:italic}a{color:var(--Theme__text900);text-decoration:underline}a:link,a:visited{color:var(--Theme__text700);text-decoration:none}a:focus{color:var(--Theme__text800);outline:0}a:hover{color:var(--Theme__text800)}a:active{color:var(--Theme__text900)}abbr[title]{color:var(--Theme__text900);text-decoration:none;border-bottom:2px solid var(--Theme__text600)}ol,ul{margin:0;padding:0}li{margin:0}li>ol,li>ul{margin:0}table{border:0;margin:0 0 1em;padding:0;width:100%;border-spacing:0}table thead tr td,table thead tr th{background-color:var(--Theme__text900);border:0;border-bottom:1px solid var(--Theme__text900);padding:.5em;margin:0;text-align:left;font-family:var(--Theme__fontUi);font-weight:var(--Theme__fontWeightBold);font-style:normal;box-sizing:border-box}table tr:nth-child(odd){background-color:var(--Theme__text900)}table tbody tr td,table tbody tr th{padding:.25em .5em;margin:0;border:0;text-align:left;box-sizing:border-box}code{background-color:var(--Theme__text900);padding:.2em .5em;border-radius:.5em}:root{--ZIndex__mediaItem:1000;--ZIndex__zoomer:2000;--ZIndex__guide:3000;--ZIndex__message:4000}::selection{background-color:var(--Theme__accent900);color:var(--Theme__accent500)}body,html{background-color:var(--Theme__background);font-size:var(--Theme__fontSize);line-height:1.6;font-family:var(--Theme__fontUi);font-weight:var(--Theme__fontWeightRegular);font-style:normal;color:var(--Theme__text900);width:max-content}body{min-width:100vw;min-height:100vh;display:grid}:root{--Theme__background:var(--Theme__primary100)}:root{--Theme__fontSize:calc(var(--Theme__scale) * 0.01rem);--Theme__fontWeightLight:300;--Theme__fontWeightRegular:400;--Theme__fontWeightMedium:500;--Theme__fontWeightBold:700}:root{--Theme__transitionXFastBounce:calc(var(--Theme__transitionSpeedXFast) * 1s) var(--Theme__easingBounce);--Theme__transitionFastBounce:calc(var(--Theme__transitionSpeedFast) * 1s) var(--Theme__easingBounce);--Theme__transitionMediumBounce:calc(var(--Theme__transitionSpeedMedium) * 1s) var(--Theme__easingBounce);--Theme__transitionSlowBounce:calc(var(--Theme__transitionSpeedSlow) * 1s) var(--Theme__easingBounce);--Theme__transitionXSlowBounce:calc(var(--Theme__transitionSpeedXSlow) * 1s) var(--Theme__easingBounce)}:root{--Theme__transitionXFastEase:calc(var(--Theme__transitionSpeedXFast) * 1s) ease-in-out;--Theme__transitionFastEase:calc(var(--Theme__transitionSpeedFast) * 1s) ease-in-out;--Theme__transitionMediumEase:calc(var(--Theme__transitionSpeedMedium) * 1s) ease-in-out;--Theme__transitionSlowEase:calc(var(--Theme__transitionSpeedSlow) * 1s) ease-in-out;--Theme__transitionXSlowEase:calc(var(--Theme__transitionSpeedXSlow) * 1s) ease-in-out}.LoadingIcon{margin:1em;min-width:.5em;min-height:.5em;display:block;position:relative;animation:loading 1s infinite ease-in-out}.LoadingIcon:after,.LoadingIcon:before{content:"";border-radius:100%;position:absolute;min-width:.25em;min-height:.25em;display:block}.LoadingIcon:before{background-color:var(--Theme__accent300);top:0;left:0}.LoadingIcon:after{background-color:var(--Theme__accent700);bottom:0;right:0}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.Image{width:100%;position:relative}.Image__content{width:100%;height:100%;object-fit:cover;z-index:1;display:none}.Image__content:focus{outline:0}.Image.Image__loading{background-color:var(--Theme__primary200);min-width:4em;min-width:4em;display:flex;justify-content:center;align-items:center}.Image.Image__loaded{display:flex;align-items:center;justify-content:center}.Image.Image__loaded .Image__content{display:block}.Image__loadError{background-color:var(--Theme__primary200);color:var(--Theme__primary300)}.Video{width:100%;position:relative}.Video__content{width:100%;height:100%;object-fit:cover;z-index:1;display:none}.Video__content:focus{outline:0}.Video.Video__loading{background-color:var(--Theme__primary200);min-width:4em;min-width:4em;display:flex;justify-content:center;align-items:center}.Video.Video__loaded{display:flex;align-items:center;justify-content:center}.Video.Video__loaded .Video__content{display:block}.Video__loadError{background-color:var(--Theme__primary200);color:var(--Theme__primary300)}:root{--Video__progressPadding:4;--Video__progressSize:2}.Video__progress{background-color:hsla(var(--Theme__primary1H),calc(var(--Theme__primary1S) * 1%),calc(var(--Theme__primary1L) * 1%),.5);backdrop-filter:blur(12px);padding:calc(((var(--Video__progressPadding)/ 10) * 1em) + ((var(--Grid__radiusCount)/ 8) * .2vmax)) calc(((var(--Video__progressPadding)/ 10) * 1em) + ((var(--Grid__radiusCount)/ 2) * .2vmax));display:flex;justify-content:flex-start;align-items:center;position:absolute;bottom:0;left:0;width:100%;min-height:1em;opacity:0;transition:opacity var(--Theme__transitionMediumEase);z-index:2}.Video:hover .Video__progress{opacity:1}.Video__bar{background-color:var(--Theme__primary900);border-radius:calc(var(--Video__progressSize) * 1px);width:calc(var(--Video__progress) * 1%);height:calc(var(--Video__progressSize) * 1px)}.Zoomer{background-color:var(--Theme__background);border-width:0;border-style:solid;border-color:var(--Theme__primary100);border-radius:100%;position:absolute;width:0;height:0;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:var(--ZIndex__zoomer);transform:translate(-50%,-50%);transform-origin:center;box-shadow:0 2em 3em rgba(0,0,0,.5);transition:border-width var(--Theme__transitionMediumEase),width var(--Theme__transitionMediumEase),height var(--Theme__transitionMediumEase)}.Zoomer.Zoomer__show{width:calc(var(--Zoomer__size) * 1vmin);height:calc(var(--Zoomer__size) * 1vmin);pointer-events:none;transition:border-width var(--Theme__transitionSlowBounce),width var(--Theme__transitionSlowBounce),height var(--Theme__transitionSlowBounce)}.Zoomer.Zoomer__show.Zoomer__border{border-width:calc(var(--Zoomer__border) * 1px)}.Zoomer__pinpoint{border-radius:100%;top:calc(var(--Zoomer__cursorY) * 1px);left:calc(var(--Zoomer__cursorX) * 1px)}.Zoomer__square{border-radius:10px;top:calc(var(--Zoomer__cursorY) * 1px);left:calc(var(--Zoomer__cursorX) * 1px)}.Zoomer__teardrop{border-radius:5vmin 100% 100% 100%;top:calc(((var(--Zoomer__cursorY) + var(--Zoomer__teardropOffset)) * 1px));left:calc(((var(--Zoomer__cursorX) + var(--Zoomer__teardropOffset)) * 1px));transform:translate(0,0)}.Zoomer__teardrop.Zoomer__quadrantRight{border-radius:100% 5vmin 100% 100%;left:initial;right:calc((var(--Zoomer__viewportWidth) - var(--Zoomer__cursorX) + var(--Zoomer__teardropOffset)) * 1px)}.Zoomer__teardrop.Zoomer__quadrantBottom{border-radius:100% 100% 100% 5vmin;top:initial;bottom:calc((var(--Zoomer__viewportHeight) - var(--Zoomer__cursorY) + var(--Zoomer__teardropOffset)) * 1px)}.Zoomer__teardrop.Zoomer__quadrantRight.Zoomer__quadrantBottom{border-radius:100% 100% 5vmin 100%;left:initial;top:initial;right:calc((var(--Zoomer__viewportWidth) - var(--Zoomer__cursorX) + var(--Zoomer__teardropOffset)) * 1px);bottom:calc((var(--Zoomer__viewportHeight) - var(--Zoomer__cursorY) + var(--Zoomer__teardropOffset)) * 1px)}.Zoomer .Image,.Zoomer .Video{border-radius:calc((var(--Grid__radiusCount) * .2vmax) * var(--Zoomer__magnification));min-width:calc(var(--Zoomer__mediaItemWidth) * 1px);min-height:calc(var(--Zoomer__mediaItemHeight) * 1px);transform:translate(calc(var(--Zoomer__magnificationX) * 1px),calc(var(--Zoomer__magnificationY) * 1px));transition:filter var(--Theme__transitionFastEase);overflow:hidden}.Zoomer .Image,.Zoomer .Video{filter:blur(4em)}.Zoomer.Zoomer__moving .Image,.Zoomer.Zoomer__moving .Video{filter:none}.GridItem{border-radius:calc(var(--Grid__radiusCount) * .2vmax);position:relative;display:flex;flex-direction:row;overflow:hidden;z-index:var(--ZIndex__mediaItem)}.GridItem.GridItem__hide .Image,.GridItem.GridItem__hide .Video{visibility:hidden}.Grid__square .GridItem{aspect-ratio:1/1;position:relative;justify-content:center;align-content:center;max-height:100%;max-width:100%}.Grid__square .GridItem .Image,.Grid__square .GridItem .Video{width:100%;height:100%}.Grid__square .GridItem .Image__content,.Grid__square .GridItem .Video__content{aspect-ratio:var(--GridItem__mediaAspectRatio);width:fit-content;height:fit-content;transform-origin:center;transition:none}.Grid__square .GridItem.GridItem__square{flex-direction:row}.Grid__square .GridItem.GridItem__portrait{flex-direction:column}.Grid__square .GridItem.GridItem__landscape{flex-direction:row}.Grid__square .GridItem.GridItem__square .Image__content,.Grid__square .GridItem.GridItem__square .Video__content{width:100%}.Grid__square .GridItem.GridItem__portrait .Image__content,.Grid__square .GridItem.GridItem__portrait .Video__content{width:100%;transform:translateY(calc(var(--GridItem__panY) * 1px))}.Grid__square .GridItem.GridItem__landscape .Image__content,.Grid__square .GridItem.GridItem__landscape .Video__content{height:100%;transform:translateX(calc(var(--GridItem__panX) * 1px))}.Grid__flex.Grid__vertical .GridItem{width:calc(((var(--GridItem__mediaWidth) * (var(--Grid__flexSizeCount) * 10))/ var(--GridItem__mediaHeight)) * 1px);flex-grow:calc((var(--GridItem__mediaWidth) * (var(--Grid__flexSizeCount) * 10))/ var(--GridItem__mediaHeight));flex-shrink:0;max-width:100%;aspect-ratio:var(--GridItem__mediaAspectRatio)}.Grid__flex.Grid__horizontal .GridItem{height:calc(((var(--GridItem__mediaHeight) * (var(--Grid__flexSizeCount) * 10))/ var(--GridItem__mediaWidth)) * 1px);flex-grow:calc((var(--GridItem__mediaHeight) * (var(--Grid__flexSizeCount) * 10))/ var(--GridItem__mediaWidth));flex-shrink:0;max-height:100%;aspect-ratio:var(--GridItem__mediaAspectRatio)}.Grid__vertical.Grid__line .GridItem{width:calc(var(--Grid__lineSizeCount) * 1%);height:initial;aspect-ratio:var(--GridItem__mediaAspectRatio);flex-shrink:0}.Grid__horizontal.Grid__line .GridItem{width:initial;height:calc(var(--Grid__lineSizeCount) * 1%);aspect-ratio:var(--GridItem__mediaAspectRatio);flex-shrink:0}.Grid__solo .GridItem{max-width:100%;max-height:100%;aspect-ratio:var(--GridItem__mediaAspectRatio);scroll-snap-align:center;position:relative}.Grid__solo .GridItem.GridItem__maxWidth{width:100%}.Grid__solo .GridItem.GridItem__maxHeight{height:100%}.Grid{padding:calc(var(--Grid__gapCount) * .2vmax);gap:calc(var(--Grid__gapCount) * .2vmax)}.Grid.Grid__zoomer.Grid__zoomerTeardrop{cursor:url(image/zoomer-teardrop-cursor.svg) 16 16,auto}.Grid.Grid__zoomer.Grid__zoomerPinpoint,.Grid.Grid__zoomer.Grid__zoomerSquare{cursor:none}.Grid.Grid__vertical.Grid__square{display:grid;grid-auto-flow:row;grid-template-columns:repeat(var(--Grid__squareSizeCount),1fr);width:100vw}.Grid.Grid__horizontal.Grid__square{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--Grid__squareSizeCount),1fr);height:100vh}.Grid.Grid__vertical.Grid__flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100vw}.Grid.Grid__horizontal.Grid__flex{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;height:100vh}.Grid.Grid__horizontal.Grid__flex{flex-direction:row;writing-mode:vertical-lr}.Grid.Grid__horizontal.Grid__flex>*{writing-mode:initial}.Grid.Grid__flex::after{content:"";flex-grow:999999999}.Grid.Grid__vertical.Grid__line{display:flex;flex-direction:column;align-items:center;width:100vw;height:max-content}.Grid.Grid__horizontal.Grid__line{display:flex;flex-direction:row;align-items:center;width:max-content;height:100vh}.Grid.Grid__vertical.Grid__solo{align-self:start;display:grid;grid-template-columns:1fr;grid-auto-rows:100%;grid-auto-flow:row;justify-items:center;align-items:center;width:100vw;height:100vh;scroll-snap-type:y mandatory;overflow-y:scroll}.Grid.Grid__horizontal.Grid__solo{align-self:start;display:grid;grid-auto-columns:100%;grid-template-rows:1fr;grid-auto-flow:column;justify-items:center;align-items:center;width:100vw;height:100vh;scroll-snap-type:x mandatory;overflow-x:scroll}.Message{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:var(--ZIndex__message)}.Message__area{width:90%;height:90%;display:flex;justify-content:flex-start;align-items:flex-end}.Message__item{font-family:var(--Theme__fontDisplay);font-weight:var(--Theme__fontWeightBold);font-size:clamp(1em, 6vw, 10em);white-space:nowrap;line-height:1;text-align:center;-webkit-text-stroke:0.1vw var(--Theme__text100)}.Guide{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:var(--ZIndex__guide);pointer-events:none}.Guide__toggle{background-color:hsla(var(--Theme__accent2H),calc(var(--Theme__accent2S) * 1%),calc(var(--Theme__accent2L) * 1%),.8);border:0;border-radius:100%;padding:1em;color:var(--Theme__text100);position:absolute;bottom:1em;right:1em;width:2vmin;height:2vmin;display:flex;align-items:center;justify-content:center;pointer-events:all;font-size:.75em;line-height:1;cursor:pointer}.Guide__toggle:focus{outline:0}.Guide__modal{background-color:hsla(var(--Theme__primary2H),calc(var(--Theme__primary2S) * 1%),calc(var(--Theme__primary2L) * 1%),.9);border-radius:1em;padding:2em;display:none;flex-direction:column;align-items:stretch;gap:2em;font-size:.75em;max-height:90vh;max-width:90vw;overflow:scroll;pointer-events:all}.Guide__show .Guide__modal{display:flex}:root{--Guide__keySize:50}.Guide__content,.Guide__intro{display:flex;flex-direction:column;gap:calc((var(--Guide__keySize)/ 8) * .1em)}.Guide__contentItem{width:100%;font-size:1em;display:flex;flex-direction:row;align-items:center;font-size:calc((var(--Guide__keySize) / 10) * .1rem);gap:calc((var(--Guide__keySize)/ 2) * .1em)}.Guide__key{font-family:var(--Theme__fontDisplay);font-weight:var(--Theme__fontWeightBold);flex:0 0 calc(((var(--Guide__keySize) * 2) + (var(--Guide__keySize)/ 4)) * 0.1em);display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:nowrap;gap:calc((var(--Guide__keySize)/ 4) * .1em);line-height:1}.Guide__keyItem{background-color:var(--Theme__accent200);border-bottom:2px solid var(--Theme__accent600);border-radius:6px;font-size:1.5em;color:var(--Theme__text200);width:calc((var(--Guide__keySize)/ 2) * .1em);height:calc((var(--Guide__keySize)/ 2) * .1em);display:flex;justify-content:center;align-items:center;flex:0 0 auto}.Guide__message{font-size:1.75em}.App{min-width:100vw;min-height:100vh;display:grid;align-items:start;justify-items:start;position:relative;width:max-content}