/*! * Copyright 2018 Takashi Okamoto. All rights reserved. */*{box-sizing:border-box}:root{--font-size-small:12px;--font-size:14px;--font-size-large:16px;--header-height:44px;--listing-nav-height:50px;--panel-bar-height:30px;--sidebar-z-index:10;--sidebar-max-width:340px;--sidebar-width:27%}body,html{-webkit-text-size-adjust:100%;height:100%}body{-webkit-font-smoothing:antialiased;box-sizing:border-box;color:#000;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}body.Dark-mode{background-color:#000;color:#fff} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */:root{--burger-width:30px;--burger-height:20px;--burger-line-height:2px;--burger-transition-duration:0.25s}.Burger-wrapper{cursor:pointer;height:20px;height:var(--burger-height);position:relative;width:30px;width:var(--burger-width)}.App:not(.is-touch) .Burger-wrapper:hover{opacity:.5}.Burger{transition:.25s ease-in-out;transition:var(--burger-transition-duration) ease-in-out}.Burger,.Burger span{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.Burger span{background-color:#000;border-radius:3px;border-radius:calc(var(--burger-line-height) + 1px);display:block;height:2px;height:var(--burger-line-height);left:0;opacity:1;position:absolute;transition:.125s ease-in-out;transition:calc(var(--burger-transition-duration)/2) ease-in-out;width:100%}.Dark-mode .Burger span{background-color:#fff}.Burger span:first-child{top:0}.Burger span:nth-child(2),.Burger span:nth-child(3){top:9px;top:calc((var(--burger-height) - var(--burger-line-height))/2)}.Burger span:nth-child(4){top:18px;top:calc(var(--burger-height) - var(--burger-line-height))}.Burger.is-open span:first-child{left:50%;top:9px;top:calc((var(--burger-height) - var(--burger-line-height))/2);width:0}.Burger.is-open span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.Burger.is-open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.Burger.is-open span:nth-child(4){left:50%;top:9px;top:calc((var(--burger-height) - var(--burger-line-height))/2);width:0}@font-face{font-family:typicons;src:url(/static/media/typicons.22c2115e2fa1e1827ddf.eot?#iefix) format("embedded-opentype"),url(/static/media/typicons.44098e8ee5a95e06ef8b.woff2) format("woff2"),url(/static/media/typicons.af70967deb837206d2aa.woff) format("woff"),url(/static/media/typicons.15014c1bac845c42c9ca.ttf) format("truetype"),url(/static/media/typicons.1308fe66968dbc8931e5.svg#typicons) format("svg")}.typcn:before{-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:typicons!important;font-style:normal;font-variant:normal;font-weight:400!important;line-height:1;text-transform:none}.typcn-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.typcn-2x{font-size:2em}.typcn-3x{font-size:3em}.typcn-4x{font-size:4em}.typcn-5x{font-size:5em}.typcn-adjust-brightness:before{content:"\e000"}.typcn-adjust-contrast:before{content:"\e001"}.typcn-anchor-outline:before{content:"\e002"}.typcn-anchor:before{content:"\e003"}.typcn-archive:before{content:"\e004"}.typcn-arrow-back-outline:before{content:"\e005"}.typcn-arrow-back:before{content:"\e006"}.typcn-arrow-down-outline:before{content:"\e007"}.typcn-arrow-down-thick:before{content:"\e008"}.typcn-arrow-down:before{content:"\e009"}.typcn-arrow-forward-outline:before{content:"\e00a"}.typcn-arrow-forward:before{content:"\e00b"}.typcn-arrow-left-outline:before{content:"\e00c"}.typcn-arrow-left-thick:before{content:"\e00d"}.typcn-arrow-left:before{content:"\e00e"}.typcn-arrow-loop-outline:before{content:"\e00f"}.typcn-arrow-loop:before{content:"\e010"}.typcn-arrow-maximise-outline:before{content:"\e011"}.typcn-arrow-maximise:before{content:"\e012"}.typcn-arrow-minimise-outline:before{content:"\e013"}.typcn-arrow-minimise:before{content:"\e014"}.typcn-arrow-move-outline:before{content:"\e015"}.typcn-arrow-move:before{content:"\e016"}.typcn-arrow-repeat-outline:before{content:"\e017"}.typcn-arrow-repeat:before{content:"\e018"}.typcn-arrow-right-outline:before{content:"\e019"}.typcn-arrow-right-thick:before{content:"\e01a"}.typcn-arrow-right:before{content:"\e01b"}.typcn-arrow-shuffle:before{content:"\e01c"}.typcn-arrow-sorted-down:before{content:"\e01d"}.typcn-arrow-sorted-up:before{content:"\e01e"}.typcn-arrow-sync-outline:before{content:"\e01f"}.typcn-arrow-sync:before{content:"\e020"}.typcn-arrow-unsorted:before{content:"\e021"}.typcn-arrow-up-outline:before{content:"\e022"}.typcn-arrow-up-thick:before{content:"\e023"}.typcn-arrow-up:before{content:"\e024"}.typcn-at:before{content:"\e025"}.typcn-attachment-outline:before{content:"\e026"}.typcn-attachment:before{content:"\e027"}.typcn-backspace-outline:before{content:"\e028"}.typcn-backspace:before{content:"\e029"}.typcn-battery-charge:before{content:"\e02a"}.typcn-battery-full:before{content:"\e02b"}.typcn-battery-high:before{content:"\e02c"}.typcn-battery-low:before{content:"\e02d"}.typcn-battery-mid:before{content:"\e02e"}.typcn-beaker:before{content:"\e02f"}.typcn-beer:before{content:"\e030"}.typcn-bell:before{content:"\e031"}.typcn-book:before{content:"\e032"}.typcn-bookmark:before{content:"\e033"}.typcn-briefcase:before{content:"\e034"}.typcn-brush:before{content:"\e035"}.typcn-business-card:before{content:"\e036"}.typcn-calculator:before{content:"\e037"}.typcn-calendar-outline:before{content:"\e038"}.typcn-calendar:before{content:"\e039"}.typcn-camera-outline:before{content:"\e03a"}.typcn-camera:before{content:"\e03b"}.typcn-cancel-outline:before{content:"\e03c"}.typcn-cancel:before{content:"\e03d"}.typcn-chart-area-outline:before{content:"\e03e"}.typcn-chart-area:before{content:"\e03f"}.typcn-chart-bar-outline:before{content:"\e040"}.typcn-chart-bar:before{content:"\e041"}.typcn-chart-line-outline:before{content:"\e042"}.typcn-chart-line:before{content:"\e043"}.typcn-chart-pie-outline:before{content:"\e044"}.typcn-chart-pie:before{content:"\e045"}.typcn-chevron-left-outline:before{content:"\e046"}.typcn-chevron-left:before{content:"\e047"}.typcn-chevron-right-outline:before{content:"\e048"}.typcn-chevron-right:before{content:"\e049"}.typcn-clipboard:before{content:"\e04a"}.typcn-cloud-storage:before{content:"\e04b"}.typcn-cloud-storage-outline:before{content:"\e054"}.typcn-code-outline:before{content:"\e04c"}.typcn-code:before{content:"\e04d"}.typcn-coffee:before{content:"\e04e"}.typcn-cog-outline:before{content:"\e04f"}.typcn-cog:before{content:"\e050"}.typcn-compass:before{content:"\e051"}.typcn-contacts:before{content:"\e052"}.typcn-credit-card:before{content:"\e053"}.typcn-css3:before{content:"\e055"}.typcn-database:before{content:"\e056"}.typcn-delete-outline:before{content:"\e057"}.typcn-delete:before{content:"\e058"}.typcn-device-desktop:before{content:"\e059"}.typcn-device-laptop:before{content:"\e05a"}.typcn-device-phone:before{content:"\e05b"}.typcn-device-tablet:before{content:"\e05c"}.typcn-directions:before{content:"\e05d"}.typcn-divide-outline:before{content:"\e05e"}.typcn-divide:before{content:"\e05f"}.typcn-document-add:before{content:"\e060"}.typcn-document-delete:before{content:"\e061"}.typcn-document-text:before{content:"\e062"}.typcn-document:before{content:"\e063"}.typcn-download-outline:before{content:"\e064"}.typcn-download:before{content:"\e065"}.typcn-dropbox:before{content:"\e066"}.typcn-edit:before{content:"\e067"}.typcn-eject-outline:before{content:"\e068"}.typcn-eject:before{content:"\e069"}.typcn-equals-outline:before{content:"\e06a"}.typcn-equals:before{content:"\e06b"}.typcn-export-outline:before{content:"\e06c"}.typcn-export:before{content:"\e06d"}.typcn-eye-outline:before{content:"\e06e"}.typcn-eye:before{content:"\e06f"}.typcn-feather:before{content:"\e070"}.typcn-film:before{content:"\e071"}.typcn-filter:before{content:"\e072"}.typcn-flag-outline:before{content:"\e073"}.typcn-flag:before{content:"\e074"}.typcn-flash-outline:before{content:"\e075"}.typcn-flash:before{content:"\e076"}.typcn-flow-children:before{content:"\e077"}.typcn-flow-merge:before{content:"\e078"}.typcn-flow-parallel:before{content:"\e079"}.typcn-flow-switch:before{content:"\e07a"}.typcn-folder-add:before{content:"\e07b"}.typcn-folder-delete:before{content:"\e07c"}.typcn-folder-open:before{content:"\e07d"}.typcn-folder:before{content:"\e07e"}.typcn-gift:before{content:"\e07f"}.typcn-globe-outline:before{content:"\e080"}.typcn-globe:before{content:"\e081"}.typcn-group-outline:before{content:"\e082"}.typcn-group:before{content:"\e083"}.typcn-headphones:before{content:"\e084"}.typcn-heart-full-outline:before{content:"\e085"}.typcn-heart-half-outline:before{content:"\e086"}.typcn-heart-outline:before{content:"\e087"}.typcn-heart:before{content:"\e088"}.typcn-home-outline:before{content:"\e089"}.typcn-home:before{content:"\e08a"}.typcn-html5:before{content:"\e08b"}.typcn-image-outline:before{content:"\e08c"}.typcn-image:before{content:"\e08d"}.typcn-infinity-outline:before{content:"\e08e"}.typcn-infinity:before{content:"\e08f"}.typcn-info-large-outline:before{content:"\e090"}.typcn-info-large:before{content:"\e091"}.typcn-info-outline:before{content:"\e092"}.typcn-info:before{content:"\e093"}.typcn-input-checked-outline:before{content:"\e094"}.typcn-input-checked:before{content:"\e095"}.typcn-key-outline:before{content:"\e096"}.typcn-key:before{content:"\e097"}.typcn-keyboard:before{content:"\e098"}.typcn-leaf:before{content:"\e099"}.typcn-lightbulb:before{content:"\e09a"}.typcn-link-outline:before{content:"\e09b"}.typcn-link:before{content:"\e09c"}.typcn-location-arrow-outline:before{content:"\e09d"}.typcn-location-arrow:before{content:"\e09e"}.typcn-location-outline:before{content:"\e09f"}.typcn-location:before{content:"\e0a0"}.typcn-lock-closed-outline:before{content:"\e0a1"}.typcn-lock-closed:before{content:"\e0a2"}.typcn-lock-open-outline:before{content:"\e0a3"}.typcn-lock-open:before{content:"\e0a4"}.typcn-mail:before{content:"\e0a5"}.typcn-map:before{content:"\e0a6"}.typcn-media-eject-outline:before{content:"\e0a7"}.typcn-media-eject:before{content:"\e0a8"}.typcn-media-fast-forward-outline:before{content:"\e0a9"}.typcn-media-fast-forward:before{content:"\e0aa"}.typcn-media-pause-outline:before{content:"\e0ab"}.typcn-media-pause:before{content:"\e0ac"}.typcn-media-play-outline:before{content:"\e0ad"}.typcn-media-play-reverse-outline:before{content:"\e0ae"}.typcn-media-play-reverse:before{content:"\e0af"}.typcn-media-play:before{content:"\e0b0"}.typcn-media-record-outline:before{content:"\e0b1"}.typcn-media-record:before{content:"\e0b2"}.typcn-media-rewind-outline:before{content:"\e0b3"}.typcn-media-rewind:before{content:"\e0b4"}.typcn-media-stop-outline:before{content:"\e0b5"}.typcn-media-stop:before{content:"\e0b6"}.typcn-message-typing:before{content:"\e0b7"}.typcn-message:before{content:"\e0b8"}.typcn-messages:before{content:"\e0b9"}.typcn-microphone-outline:before{content:"\e0ba"}.typcn-microphone:before{content:"\e0bb"}.typcn-minus-outline:before{content:"\e0bc"}.typcn-minus:before{content:"\e0bd"}.typcn-mortar-board:before{content:"\e0be"}.typcn-news:before{content:"\e0bf"}.typcn-notes-outline:before{content:"\e0c0"}.typcn-notes:before{content:"\e0c1"}.typcn-pen:before{content:"\e0c2"}.typcn-pencil:before{content:"\e0c3"}.typcn-phone-outline:before{content:"\e0c4"}.typcn-phone:before{content:"\e0c5"}.typcn-pi-outline:before{content:"\e0c6"}.typcn-pi:before{content:"\e0c7"}.typcn-pin-outline:before{content:"\e0c8"}.typcn-pin:before{content:"\e0c9"}.typcn-pipette:before{content:"\e0ca"}.typcn-plane-outline:before{content:"\e0cb"}.typcn-plane:before{content:"\e0cc"}.typcn-plug:before{content:"\e0cd"}.typcn-plus-outline:before{content:"\e0ce"}.typcn-plus:before{content:"\e0cf"}.typcn-point-of-interest-outline:before{content:"\e0d0"}.typcn-point-of-interest:before{content:"\e0d1"}.typcn-power-outline:before{content:"\e0d2"}.typcn-power:before{content:"\e0d3"}.typcn-printer:before{content:"\e0d4"}.typcn-puzzle-outline:before{content:"\e0d5"}.typcn-puzzle:before{content:"\e0d6"}.typcn-radar-outline:before{content:"\e0d7"}.typcn-radar:before{content:"\e0d8"}.typcn-refresh-outline:before{content:"\e0d9"}.typcn-refresh:before{content:"\e0da"}.typcn-rss-outline:before{content:"\e0db"}.typcn-rss:before{content:"\e0dc"}.typcn-scissors-outline:before{content:"\e0dd"}.typcn-scissors:before{content:"\e0de"}.typcn-shopping-bag:before{content:"\e0df"}.typcn-shopping-cart:before{content:"\e0e0"}.typcn-social-at-circular:before{content:"\e0e1"}.typcn-social-dribbble-circular:before{content:"\e0e2"}.typcn-social-dribbble:before{content:"\e0e3"}.typcn-social-facebook-circular:before{content:"\e0e4"}.typcn-social-facebook:before{content:"\e0e5"}.typcn-social-flickr-circular:before{content:"\e0e6"}.typcn-social-flickr:before{content:"\e0e7"}.typcn-social-github-circular:before{content:"\e0e8"}.typcn-social-github:before{content:"\e0e9"}.typcn-social-google-plus-circular:before{content:"\e0ea"}.typcn-social-google-plus:before{content:"\e0eb"}.typcn-social-instagram-circular:before{content:"\e0ec"}.typcn-social-instagram:before{content:"\e0ed"}.typcn-social-last-fm-circular:before{content:"\e0ee"}.typcn-social-last-fm:before{content:"\e0ef"}.typcn-social-linkedin-circular:before{content:"\e0f0"}.typcn-social-linkedin:before{content:"\e0f1"}.typcn-social-pinterest-circular:before{content:"\e0f2"}.typcn-social-pinterest:before{content:"\e0f3"}.typcn-social-skype-outline:before{content:"\e0f4"}.typcn-social-skype:before{content:"\e0f5"}.typcn-social-tumbler-circular:before{content:"\e0f6"}.typcn-social-tumbler:before{content:"\e0f7"}.typcn-social-twitter-circular:before{content:"\e0f8"}.typcn-social-twitter:before{content:"\e0f9"}.typcn-social-vimeo-circular:before{content:"\e0fa"}.typcn-social-vimeo:before{content:"\e0fb"}.typcn-social-youtube-circular:before{content:"\e0fc"}.typcn-social-youtube:before{content:"\e0fd"}.typcn-sort-alphabetically-outline:before{content:"\e0fe"}.typcn-sort-alphabetically:before{content:"\e0ff"}.typcn-sort-numerically-outline:before{content:"\e100"}.typcn-sort-numerically:before{content:"\e101"}.typcn-spanner-outline:before{content:"\e102"}.typcn-spanner:before{content:"\e103"}.typcn-spiral:before{content:"\e104"}.typcn-star-full-outline:before{content:"\e105"}.typcn-star-half-outline:before{content:"\e106"}.typcn-star-half:before{content:"\e107"}.typcn-star-outline:before{content:"\e108"}.typcn-star:before{content:"\e109"}.typcn-starburst-outline:before{content:"\e10a"}.typcn-starburst:before{content:"\e10b"}.typcn-stopwatch:before{content:"\e10c"}.typcn-support:before{content:"\e10d"}.typcn-tabs-outline:before{content:"\e10e"}.typcn-tag:before{content:"\e10f"}.typcn-tags:before{content:"\e110"}.typcn-th-large-outline:before{content:"\e111"}.typcn-th-large:before{content:"\e112"}.typcn-th-list-outline:before{content:"\e113"}.typcn-th-list:before{content:"\e114"}.typcn-th-menu-outline:before{content:"\e115"}.typcn-th-menu:before{content:"\e116"}.typcn-th-small-outline:before{content:"\e117"}.typcn-th-small:before{content:"\e118"}.typcn-thermometer:before{content:"\e119"}.typcn-thumbs-down:before{content:"\e11a"}.typcn-thumbs-ok:before{content:"\e11b"}.typcn-thumbs-up:before{content:"\e11c"}.typcn-tick-outline:before{content:"\e11d"}.typcn-tick:before{content:"\e11e"}.typcn-ticket:before{content:"\e11f"}.typcn-time:before{content:"\e120"}.typcn-times-outline:before{content:"\e121"}.typcn-times:before{content:"\e122"}.typcn-trash:before{content:"\e123"}.typcn-tree:before{content:"\e124"}.typcn-upload-outline:before{content:"\e125"}.typcn-upload:before{content:"\e126"}.typcn-user-add-outline:before{content:"\e127"}.typcn-user-add:before{content:"\e128"}.typcn-user-delete-outline:before{content:"\e129"}.typcn-user-delete:before{content:"\e12a"}.typcn-user-outline:before{content:"\e12b"}.typcn-user:before{content:"\e12c"}.typcn-vendor-android:before{content:"\e12d"}.typcn-vendor-apple:before{content:"\e12e"}.typcn-vendor-microsoft:before{content:"\e12f"}.typcn-video-outline:before{content:"\e130"}.typcn-video:before{content:"\e131"}.typcn-volume-down:before{content:"\e132"}.typcn-volume-mute:before{content:"\e133"}.typcn-volume-up:before{content:"\e134"}.typcn-volume:before{content:"\e135"}.typcn-warning-outline:before{content:"\e136"}.typcn-warning:before{content:"\e137"}.typcn-watch:before{content:"\e138"}.typcn-waves-outline:before{content:"\e139"}.typcn-waves:before{content:"\e13a"}.typcn-weather-cloudy:before{content:"\e13b"}.typcn-weather-downpour:before{content:"\e13c"}.typcn-weather-night:before{content:"\e13d"}.typcn-weather-partly-sunny:before{content:"\e13e"}.typcn-weather-shower:before{content:"\e13f"}.typcn-weather-snow:before{content:"\e140"}.typcn-weather-stormy:before{content:"\e141"}.typcn-weather-sunny:before{content:"\e142"}.typcn-weather-windy-cloudy:before{content:"\e143"}.typcn-weather-windy:before{content:"\e144"}.typcn-wi-fi-outline:before{content:"\e145"}.typcn-wi-fi:before{content:"\e146"}.typcn-wine:before{content:"\e147"}.typcn-world-outline:before{content:"\e148"}.typcn-world:before{content:"\e149"}.typcn-zoom-in-outline:before{content:"\e14a"}.typcn-zoom-in:before{content:"\e14b"}.typcn-zoom-out-outline:before{content:"\e14c"}.typcn-zoom-out:before{content:"\e14d"}.typcn-zoom-outline:before{content:"\e14e"}.typcn-zoom:before{content:"\e14f"} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Button{background-color:initial;border:2px solid #000;border-radius:3px;cursor:pointer;display:inline;font-family:FuturaBT-Bold;font-size:var(--font-size-large);margin:0;padding:6px 10px 4px;text-decoration:none;text-transform:uppercase;transition:all .15s ease-in}.Dark-mode .Button{border-color:#fff;color:#fff}.Button.Button-no-outline{border-color:transparent}.App:not(.is-touch) .Button:not(:disabled):hover,.Button.is-selected{background-color:#000;border-color:#000;color:#fff;text-decoration:none!important}.Dark-mode .App:not(.is-touch) .Button:not(:disabled):hover,.Dark-mode .Button.is-selected{background-color:#fff;border-color:#fff;color:#000}.Button:active{background-color:rgba(0,0,0,.8);color:#fff}.Dark-mode .Button:active{background-color:hsla(0,0%,100%,.8);color:#000}.Button:focus{outline:none}.Button:disabled{cursor:not-allowed;opacity:.2}.Button.Button-inverse{background-color:#000;color:#fff}.Dark-mode .Button.Button-inverse{background-color:#fff;color:#000}.App:not(.is-touch) .Button.Button-inverse:not(:disabled):hover,.Button.Button-inverse.is-selected{background-color:#fff;border-color:#000;color:#000}.Dark-mode .App:not(.is-touch) .Button.Button-inverse:not(:disabled):hover,.Dark-mode .Button.Button-inverse.is-selected{background-color:#000;border-color:#fff;color:#fff}.Button.Button-inverse:active{background-color:hsla(0,0%,100%,.8);color:#fff}.Dark-mode .Button.Button-inverse:active{background-color:rgba(0,0,0,.8);color:#000}.Button .typcn{font-size:18px}.Button .typcn.Button-icon-direction-left{margin-right:4px}.Button .typcn.Button-icon-direction-right{margin-left:4px}.Button.Button-small{font-size:var(--font-size-small);line-height:.9;padding:3px 5px 2px}.Button.Button-normal{font-size:var(--font-size)}.Button.Button-large{font-size:var(--font-size-large)} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Navigation{background:#fff;flex:0 0 50px;position:relative}.Navigation-main{display:flex;flex-direction:column;justify-content:space-between;padding:0 10px}.Navigation-main>*{flex-grow:1}.Navigation .Button:last-child .typcn,.Navigation button:last-child .typcn{margin-left:4px;margin-right:0}.Navigation-button{cursor:pointer;display:block;transition:color .15s ease}.App:not(.is-touch) .Navigation-button:hover{color:rgba(0,0,0,.4)}.Dark-mode .App:not(.is-touch) .Navigation-button:hover{color:hsla(0,0%,100%,.4)}.Navigation-title{font-family:FuturaBT-Bold;overflow:hidden}.Navigation-title h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Navigation-control{display:flex;flex-grow:0;flex-shrink:0;justify-content:space-between}.Navigation-sub-content{background-color:#fff;position:absolute;width:100%}@media screen and (min-width:768px){.Navigation-main{align-items:center;flex-direction:row;height:50px}.Navigation-control{display:block}.Navigation-control>.Button{margin-left:4px}} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Overview{background-color:#fff;display:flex;flex-wrap:wrap;padding-bottom:10px}.Overview-asset{border:2px solid rgba(0,0,0,.2);cursor:pointer;flex:0 0 100px;line-height:0;margin:2px;transition:border-color .3s ease}.App:not(.is-touch) .Overview-asset:hover,.Overview-asset.Overview-asset-is-selected{border-color:#000}.Overview-asset img{width:100%} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */ /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Gallery{display:flex;flex-direction:column;height:100%;position:relative}.Gallery-title-counter{font-size:.75em;padding:10px 0;text-align:center}.Gallery-subtitle{font-weight:700;padding:0 0 10px}.Gallery-subtitle a{color:#000}.Dark-mode .Gallery-subtitle a{color:#fff}.App:not(.is-touch) .Gallery-subtitle a:hover{text-decoration:none}.ListingNavigation-sub-content{background-color:#fff;opacity:0;transition:all .3s ease;visibility:hidden;width:100%}.Gallery-is-content-open .ListingNavigation-sub-content{opacity:1;visibility:visible}.Gallery-overview{flex-shrink:0}.Gallery-overview-content{line-height:1.25em;max-height:400px;padding:0 20px 60px 0}.Gallery-overview-content p:first-child{margin-top:0}.Gallery .Gallery-video-container{position:relative}.Gallery .Gallery-video-link{display:block}.Gallery .Gallery-video-link>img{max-height:100%;max-width:100%}.Gallery .Gallery-video-link-icon{background:rgba(0,0,0,.8);border-radius:3px;color:#fff;font-size:40px;left:calc(50% - 25px);padding:5px 10px;position:absolute;top:calc(50% - 25px);transition:background .15s ease}.App:not(.is-touch) .Gallery .Gallery-video-link-icon:hover{background:rgba(0,0,0,.6)} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Listing{-webkit-overflow-scrolling:touch;background-color:#fff;flex-grow:0;overflow:auto;padding:0 10px}.Dark-mode .Listing{background-color:#000}.Listing .LoadableImage{display:block;margin-bottom:10px;opacity:.4;transition:opacity .2s ease;width:100%}.Gallery-is-ready .Listing .LoadableImage{opacity:1}@media screen and (min-width:768px){.Listing{margin-top:0}} /*! * (c) Copyright 2019 Takashi Okamoto. All rights reserved. */.Collapsible{max-height:100px;overflow:hidden;position:relative;transition:all .2s ease-in}.Collapsible.is-open{max-height:400px}.Collapsible.is-open .Gallery-overview-content{-webkit-overflow-scrolling:touch;overflow:auto}.Collapsible .Collapsible-button-wrapper{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 44%);bottom:0;display:flex;flex-direction:column;height:80px;justify-content:flex-end;position:absolute;text-align:center;width:100%}.Dark-mode .Collapsible .Collapsible-button-wrapper{background:linear-gradient(180deg,transparent 0,#000 44%)}.Collapsible-button{flex-grow:0;flex-shrink:0;margin:0 auto 10px} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.ListingNavigation{flex:0 0 50px;position:relative}.ListingNavigation-main{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:10px}.ListingNavigation-main>*{flex-grow:1}.ListingNavigation .Button:last-child .typcn,.ListingNavigation button:last-child .typcn{margin-left:4px;margin-right:0}.ListingNavigation-button{cursor:pointer;display:block;transition:color .15s ease}.App:not(.is-touch) .ListingNavigation-button:hover{color:rgba(0,0,0,.4)}.Dark-mode .App:not(.is-touch) .ListingNavigation-button:hover{color:hsla(0,0%,100%,.4)}.ListingNavigation-title{font-family:FuturaBT-Bold;overflow:hidden}.ListingNavigation-title a{color:#000;text-decoration:none}.Dark-mode .ListingNavigation-title a{color:#fff}.ListingNavigation-title h3{font-size:var(--font-size-large);margin:0;overflow:hidden;padding-top:4px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.ListingNavigation-control{display:flex;flex-grow:0;flex-shrink:0;justify-content:space-between}.ListingNavigation-sub-content{background-color:hsla(0,0%,100%,.96);position:absolute}.Dark-mode .ListingNavigation-sub-content{background-color:rgba(0,0,0,.96)}@media screen and (min-width:768px){.ListingNavigation-main{align-items:center;flex-direction:row;height:var(--listing-nav-height)}.ListingNavigation-control{display:block}.ListingNavigation-control>.Button{margin-left:4px}} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Panel{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;overflow:auto;position:fixed;right:0;top:var(--header-height)}.Dark-mode .Panel{background-color:#000}.Panel-content{height:100%;overflow:hidden;position:relative;width:100%}.Panel-is-instagram .Panel-content{height:100%}@media screen and (min-width:768px){.Panel{display:flex;flex-direction:row;top:0}.Panel-filler{flex-shrink:0;max-width:var(--sidebar-max-width);width:var(--sidebar-width)}.Panel-content{flex-grow:1}} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.PanelBar{background-color:#fff;flex:0 0 var(--panel-bar-height);padding:0 10px;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;z-index:1}.Dark-mode .PanelBar{background-color:#000;color:#fff}.is-open .PanelBar{-webkit-transform:translateZ(0);transform:translateZ(0)}.PanelBar-barloader{left:0;position:absolute;top:0;width:100%}.is-touch .PanelBar-barloader{display:none}@media screen and (min-width:768px){.PanelBar{left:var(--sidebar-width);padding-top:10px;top:0}} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.CV-wrapper{display:flex;flex-direction:column;height:100%}.CV-content{-webkit-overflow-scrolling:touch;flex-grow:0;font-size:var(--font-size);line-height:1.3em;overflow:auto;padding:0 80px 0 10px}.CV-content strong{font-family:FuturaBT-Bold} /*! * (c) Copyright 2021 Takashi Okamoto. All rights reserved. */.Mailing-list-popup{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.Mailing-list-content{background:#fff;height:50vh;width:50vw} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.InstagramPost{display:flex;flex-direction:column;height:100%}.InstagramPost-container{align-items:center;display:flex;flex-grow:1;justify-content:center;margin:0 10px;overflow:auto}.InstagramPost-content{flex:0 1 640px;margin-top:-70px}.InstagramPost-image{max-width:100%}.InstagramPost-details{display:flex;flex-direction:column;justify-content:space-between}.InstagramPost-details-left{flex:1 1 30%}.InstagramPost-details-right{display:flex;list-style:none;margin:0;padding:0}.InstagramPost-details-right>li{margin:0 0 0 10px}.InstagramPost-details-right>li a{color:#000;text-decoration:none}.Dark-mode .InstagramPost-details-right>li a{color:#fff}.App:not(.is-touch) .InstagramPost-details-right>li a:hover{color:rgba(0,0,0,.6)}.Dark-mode .App:not(.is-touch) .InstagramPost-details-right>li a:hover{color:hsla(0,0%,100%,.6)}@media screen and (min-width:768px){.InstagramPost-details{flex-direction:row}} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.App-header{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;font-size:var(--font-size-small);justify-content:space-between;left:0;line-height:1.4;padding:5px 10px;position:fixed;top:0;width:100%;z-index:var(--sidebar-z-index)}.Dark-mode .App-header{background-color:#000}.App-header-is-sidebar{flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:flex-start;max-width:var(--sidebar-max-width);overflow-x:hidden;overflow-y:auto;padding:20px 0 10px;position:fixed;width:var(--sidebar-width)}.App-header a{color:#000;cursor:pointer;text-decoration:none}.Dark-mode .App-header a{color:#fff}.App:not(.is-touch) .App-header a:hover{text-decoration:underline}.App-header-full-content{background-color:#fff;flex-basis:100%}.Dark-mode .App-header-full-content{background-color:#000;color:#fff}.App-header-partial-content{flex-basis:100%;flex-direction:row}.App-header-partial-content,.App-title{display:flex;justify-content:space-between}.App-title{background-image:url(/static/media/blocktype.0fc170e54fd5cb116ca6.png);background-position:40px 0;background-repeat:no-repeat;background-size:80px 37px;font-weight:400;line-height:1.3;margin:0;min-height:34px;min-width:130px;padding:6px 0 0;width:100%}.App-header.App-header-is-sidebar .App-title{background-image:none;display:block;padding:0}.App-header-dog{background-image:url(/static/media/FAILE_Dog.d9ae279e8f5b65bedc52.png);background-position:top;background-repeat:no-repeat;background-size:150px 192px;display:block;height:192px;margin:0 auto;overflow:hidden;text-indent:-1000px;width:150px}.Store-link{height:26px;margin-top:-2px}.PanelLoader{left:0;position:absolute;top:0;width:100%;z-index:10}.App-header-hamburger{margin-top:2px}.App-header-about-FAILE{margin-right:-15px}@-webkit-keyframes blink{0%{background:#fff;color:#000}50%{background:#000;color:#fff}to{background:#fff;color:#000}}@keyframes blink{0%{background:#fff;color:#000}50%{background:#000;color:#fff}to{background:#fff;color:#000}}.Shop-button{-webkit-animation:blink 1.4s ease infinite;animation:blink 1.4s ease infinite}@media screen and (max-width:767px){.App-header-link-enter{opacity:0}.App-header-link-enter-active{opacity:1;transition:opacity .2s ease-in-out}.App-header-link-exit{opacity:0}.App-header-link-exit-active{opacity:0;transition:opacity .2s ease-in-out}}@media screen and (min-width:768px){.App-title{background-position:top;background-size:120px 154px;font-size:var(--font-size-small);min-height:55px}.App-header-full-content,.App-header-partial-content{display:block;flex:initial;padding:0 20px 0 30px}.App-header-full-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;margin-top:20px}.App-header-link-enter{opacity:0}.App-header-link-exit{display:none;opacity:0}.App-header-link-exit-active{opacity:0;transition:opacity .2s ease-in-out}} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Footer{display:flex;justify-content:space-between;padding:20px 10px}@media screen and (min-width:768px){.Footer{padding:20px 0}} /*! * Copyright 2019 Takashi Okamoto. All rights reserved. */button.minimal{background-color:initial;border:none;cursor:pointer;display:inline;font-family:FuturaBT-Bold;margin:0;padding:0}.Dark-mode button.minimal{color:#fff} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Navigation-nav{display:flex;flex-direction:row;flex-wrap:wrap;font-family:Georgia,Times,Times New Roman,serif;font-size:var(--font-size-large);justify-content:space-between}.App-header-is-header .Navigation-nav-col-left,.App-header-is-header .Navigation-nav-col-right{flex-basis:50%;max-width:50%}.App-header-is-sidebar .Navigation-nav-col-left{margin-bottom:10px}.Navigation-nav ul{flex-basis:50%;flex-grow:1;list-style:none;margin:10px 0 0;padding:0 5px}.Navigation-nav ul li a,.Navigation-nav-mailing-list{background:transparent;border:none;color:#000;cursor:pointer;display:block;font-family:Georgia,Times,Times New Roman,serif;font-size:var(--font-size-large);margin:0;outline:none;padding:0;text-decoration:none}.Dark-mode .Navigation-nav ul li a,.Dark-mode .Navigation-nav ul li button{color:#fff}.App:not(.is-touch) .Navigation-nav ul li a:hover,.App:not(.is-touch) .Navigation-nav ul li button:hover{text-decoration:underline}.Navigation-nav-works-list{text-transform:capitalize}.Navigation-nav-heading{border-bottom:1px solid rgba(0,0,0,.2);font-family:FuturaBT-Bold;margin-bottom:8px;text-transform:uppercase}.Dark-mode .Navigation-nav-heading{border-bottom:1px solid hsla(0,0%,100%,.2)}.Navigation-nav-is-selected{font-weight:700}.Navigation-partial{display:flex;justify-content:center;margin:20px 0}.Navigation-partial>a{display:inline-block;flex-shrink:0}.Navigation-nav-mailing-list .typcn:last-child{margin-left:4px}.mailing-list-form form{border:1px solid rgba(0,0,0,.3);border-radius:3px;display:flex;flex-direction:column;font-family:FuturaBT-Bold;margin-bottom:10px;max-width:100%;padding:6px}.Dark-mode .mailing-list-form form{border:1px solid hsla(0,0%,100%,.6)}.mailing-list-form form input{border:1px solid #000;border-radius:3px;margin-bottom:6px;padding:4px}.Dark-mode .mailing-list-form form input{background:#000;border:1px solid #fff;color:#fff}.mailing-list-form footer{display:flex;flex-direction:column}.mailing-list-form footer .Button{font-size:var(--font-size-small);margin-top:5px;padding:0 4px}@media screen and (min-width:768px){.Navigation-nav{flex-direction:column}.Navigation-nav,.Navigation-nav ul li a,.Navigation-nav ul li button{font-size:var(--font-size)}.Navigation-nav ul{flex-basis:auto;padding-left:0}.Navigation-nav ul:first-child{margin-top:0}.mailing-list-form footer{flex-direction:row;justify-content:space-between}} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Grid{grid-gap:10px;display:grid;grid-auto-flow:row dense;margin:50px 10px 10px}@media screen and (min-width:375px){.Grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.Grid{margin-top:10px}.Grid-item.-is-3x2{grid-column:span 2;grid-row:span 2}}@media screen and (min-width:1050px){.Grid{grid-template-columns:repeat(6,1fr)}.Grid-item{grid-column:span 2}.Grid-item.-is-2x2{grid-column:span 3;grid-row:span 2}.Grid-item.-is-3x2{grid-column:span 4;grid-row:span 2}}@media screen and (min-width:1800px){.Grid{grid-template-columns:repeat(6,1fr)}} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.LoadingState{align-items:center;bottom:0;color:#000;display:flex;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.LoadingState-error-message{font-size:18px} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.Tile{background-color:rgba(0,0,0,.1);line-height:0;padding-top:67%;position:relative;text-align:center}.Tile.-is-square{padding-top:100%}.Dark-mode .Tile{background-color:hsla(0,0%,100%,.3)}.Tile-link{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;display:block;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .2s ease-in}.Tile-isLoaded{opacity:1}@media (hover){.Tile-link:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.Tile-link:hover .Tile-overlay{bottom:0;font-size:var(--font-size-large);opacity:1;top:0}}.Tile-overlay{align-items:center;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68));bottom:50%;color:#fff;display:flex;justify-content:center;left:0;line-height:1.2;opacity:0;overflow:hidden;padding:10px;position:absolute;right:0;top:50%;transition:all .15s ease-in-out}.Tile-title{font-family:FuturaBT-Bold;margin:0;text-transform:uppercase}.Tile-subtitle a{color:#fff}.Tile-subtitle a:hover{text-decoration:none}.Tile-subtitle a:active{color:hsla(0,0%,100%,.8)} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */.fade-enter{opacity:.01;-webkit-transform:scale(.9) translate3d(0,10px,0);transform:scale(.9) translate3d(0,10px,0)}.fade-enter.fade-enter-active{transition:all .15s ease-out}.fade-enter.fade-enter-active,.fade-exit{opacity:1;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}.fade-exit.fade-exit-active{opacity:.01;-webkit-transform:scale(.9) translate3d(0,10px,0);transform:scale(.9) translate3d(0,10px,0);transition:all .15s ease-out}@media screen and (min-width:768px){.Faile{display:flex;flex-direction:row}.Faile-grid-content{flex-grow:1;overflow:hidden;position:relative}.Faile-header-sidebar-container{max-width:var(--sidebar-max-width);position:relative;width:var(--sidebar-width)}}.faile-gallery-viewer{background:#000;overflow:hidden;position:relative}.faile-gallery-viewer-container{align-items:center;display:flex;min-height:400px;position:relative}.faile-gallery-viewer-container>*{flex:0 0 100%;height:100%}.faile-gallery-navigation .faile-gallery-navigation-button{cursor:pointer;transition:opacity .2s ease-in-out}.faile-gallery-navigation .faile-gallery-navigation-button.faile-gallery-navigation-hidden{opacity:0}.faile-gallery-panel{z-index:0}.faile-gallery-panel>*{max-height:100%;max-width:100%}.faile-gallery-panel.faile-gallery-panel-placeholder{background-color:rgba(0,0,0,.4)}.faile-gallery-panel-placeholder{height:100%;outline:1px solid red;width:100%} /*! * Copyright 2018 Takashi Okamoto. All rights reserved. */@font-face{font-family:FuturaBT-Medium;src:url(/static/media/156B31_0.ea4d0a3336c9a8113a38.eot);src:url(/static/media/156B31_0.ea4d0a3336c9a8113a38.eot?#iefix) format("embedded-opentype"),url(/static/media/156B31_0.1eeb023d38974e122a4c.woff) format("woff"),url(/static/media/156B31_0.fec8b7ed2d892dee2739.ttf) format("truetype"),url(/static/media/156B31_0.2d222570723813f4a283.svg#wf) format("svg")}@font-face{font-family:FuturaBT-MediumItalic;src:url(/static/media/156B31_1.32acff7a8432cec17d65.eot);src:url(/static/media/156B31_1.32acff7a8432cec17d65.eot?#iefix) format("embedded-opentype"),url(/static/media/156B31_1.f02a53838f77d26f7d4b.woff) format("woff"),url(/static/media/156B31_1.d68d2ad52b91a1dde4a4.ttf) format("truetype"),url(/static/media/156B31_1.061ef7e3457ec06d32c6.svg#wf) format("svg")}@font-face{font-family:FuturaBT-Bold;src:url(/static/media/156B31_2.b4088d5301029378b92d.eot);src:url(/static/media/156B31_2.b4088d5301029378b92d.eot?#iefix) format("embedded-opentype"),url(/static/media/156B31_2.090b86cf4a0141552270.woff) format("woff"),url(/static/media/156B31_2.b650b794e26a919a1af4.ttf) format("truetype"),url(/static/media/156B31_2.e1819d6f22381a00dd2b.svg#wf) format("svg")}@font-face{font-family:FuturaBT-BoldItalic;src:url(/static/media/156B31_3.eeaec9e0430483386e70.eot);src:url(/static/media/156B31_3.eeaec9e0430483386e70.eot?#iefix) format("embedded-opentype"),url(/static/media/156B31_3.8c9d60fed03b456424e8.woff) format("woff"),url(/static/media/156B31_3.b6509353949e84f6342f.ttf) format("truetype"),url(/static/media/156B31_3.91dabd09f459945487b5.svg#wf) format("svg")}a{-webkit-tap-highlight-color:rgba(0,0,0,0)}