*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%;height:100%}body{background-color:#000;width:100%;height:100%;padding-bottom:3rem}body a{color:#fff;text-decoration:underline}body #root{height:100%;padding-top:calc(3rem + env(safe-area-inset-top));padding-bottom:calc(3rem + env(safe-area-inset-bottom))}body #root div.index{height:100%}body #root div.index p.message{text-align:center;color:#fff;margin-top:1rem}body #root div.index video{width:100%;min-height:60vh}body #root div.index>div:first-child{position:absolute}body #root div.index>div:first-child #guide{position:relative;top:5vh;left:5vw;width:90vw;height:60vh;border:2px solid green;border-radius:30px;z-index:10000000000}body #root div.index canvas{max-width:100%}body #root div.index canvas.detected{display:block}body #root div.index canvas.hide{display:none}body #root div.index div.bottom{position:absolute;bottom:0}body #root div.index div.bottom p.license{margin:5vw;color:#fff;font-size:3vw;line-height:4.5vw}body #root div.index div.bottom ul.about{display:block;margin-left:5vw;margin-bottom:5vw}body #root div.index div.bottom ul.about li{list-style:none}body #root div.index div.bottom ul.about li a{color:#fff;text-decoration:none}body #root div.index div.bottom ul.about li a:active,body #root div.index div.bottom ul.about li a:hover{text-decoration:underline}body #root>div.card{position:relative}body #root>div.card div#card{aspect-ratio:450/628}body #root>div.card div#card h2{position:relative;color:#999;font-size:4vw;text-align:center;margin-bottom:-5vw;z-index:10000000000}body #root>div.card div#card .image{display:block;width:100%;aspect-ratio:450/628;background-size:100% auto,100% auto;background-position:top center,top center;background-repeat:no-repeat,no-repeat}body #root>div.card div#card .image_split{display:flex;background-size:100% auto,100% auto;background-position:top center,top center;background-repeat:no-repeat,no-repeat}body #root>div.card div#card .image_split .content .text:first-child{border-right:1px solid #CCCCCC}body #root>div.card div#card .image_split .content .text:last-child{border-left:1px solid #000000}body #root>div.card div#card .content{display:flex;width:100%}body #root>div.card div#card .content.hide{display:none}body #root>div.card div#card .content .text{position:relative;display:flex;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none;width:80%;min-height:20vh;margin-top:87vw;margin-left:auto;margin-right:auto;background-color:#e5dfd4;padding:2rem 1rem 1rem;opacity:0;animation:fadeIn 1.5s forwards;will-change:opacity}body #root>div.card div#card .content .text .close{cursor:pointer;position:absolute;top:0;right:2.5vw;font-size:5vw;color:#000;padding:.5vw;z-index:10000000000}body #root>div.card div#card .content .text p{font-family:Inter,sans-serif;font-size:4vw;line-height:6vw;color:#000}body #root>div.card div#card .content .text p strong{font-weight:700}body #root>div.card div#card .content .text p>img{width:1rem;height:1rem;position:relative;top:.1rem;margin:0 .1rem}body #root>div.card #notfound{padding:5vw;text-align:center}body #root>div.card #notfound .goagain{margin:1rem}body #root>div.card #notfound .back span{text-decoration:underline}body #root>div.card p.navigate{display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none;font-size:4vw;font-weight:700;text-align:center;padding-top:2rem;padding-bottom:3rem}body #root>div.card p.navigate a{text-decoration:none;padding:1rem}body #root>div.card p.navigate a.goagain{color:#fff;text-decoration:underline}body #root>div.card ul.links{display:flex;justify-content:space-between;margin:5vw}body #root>div.card ul.links li{list-style:none}body #root>div.card ul.links li a{font-size:4vw}body #root>div.card ul.links li a img{width:3.5vw;margin-right:.5rem}body #root>div.card h3{text-align:center;font-size:5vw;margin-top:10vw}body #root>div.card ul.foils{display:flex;margin:5vw 5vw 2vw}body #root>div.card ul.foils li{cursor:pointer;list-style:none;color:#fff;font-size:4vw;padding:5vw}body #root>div.card ul.foils li.active{text-decoration:underline}body #root>div.card ul.holdings{margin:0 5vw 5vw 3.5vw}body #root>div.card ul.holdings.loading{margin:5vw 5vw 5vw 3.5vw}body #root>div.card ul.holdings li{list-style:none;color:#fff;font-size:4vw;margin:0 5vw 5vw}body #root>div.card ul.holdings li a,body #root>div.card ul.holdings li button{color:#fff;font-size:4vw;text-decoration:none;background-color:transparent;border:none}body #root>div.card ul.holdings li a.isHolding,body #root>div.card ul.holdings li button.isHolding{text-decoration:underline}body #root>div.card ul.exLinks{margin:5vw}body #root>div.card ul.exLinks li{list-style:none;margin:1rem}body #root>div.card ul.exLinks li a{font-size:4vw}body #root>div.card ul.exLinks li a img{width:3.5vw;margin-right:.5rem}body #root>div.card p.license{margin:5vw;color:#fff;font-size:3vw;line-height:4.5vw}body #root>div.search form{padding:2vw 3vw}body #root>div.search form input{width:100%;font-size:4vw;padding:1.5vw}body #root>div.search>div.cards{margin-top:2vw;min-height:100vh;padding:1vw}body #root>div.search>div.cards>div.card{display:inline}body #root>div.search>div.cards>div.card a img{width:32vw}body #root>div.search>div.cards>p.caution{padding:2vw}body #root>div.search p.license{margin:5vw;color:#fff;font-size:3vw;line-height:4.5vw}@keyframes fadeIn{0%{opacity:0}to{opacity:.98}}dialog#welcome{position:fixed;box-shadow:0 4px 3px #0000000a;border-radius:10px;width:80%;top:10%;left:10%;right:10%;transform:none;z-index:999;background-color:#fff}dialog#welcome::backdrop{background-color:#000000b3}@media screen and (max-width: 480px){dialog#welcome{width:90%;top:10%;left:5%;right:5%}}dialog#welcome form{margin:1rem auto;padding:1rem 2rem;text-align:center;border:none;padding:1rem}dialog#welcome form img{width:100px;margin-bottom:.5rem}dialog#welcome form h2{color:#000;margin-bottom:1rem}dialog#welcome form p{color:#000;font-size:1.25em;line-height:1.5em;text-align:left;margin-bottom:1rem}@media screen and (max-width: 480px){dialog#welcome form p{font-size:1rem}}dialog#welcome form p a{color:#000;text-decoration:underline}dialog#welcome form button{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100px;padding:1rem 2rem;margin-top:1rem}