*,*:before,*:after{box-sizing:inherit}html{width:100%;height:100%;box-sizing:border-box;font-size:100%}body{width:100%;height:100%;margin:0;padding:0;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#333}html:not(.kbd) :focus{outline:none}html.kbd :focus{outline:3px solid #f66723;outline-offset:2px}.d-none{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:10px;top:10px;z-index:1000;padding:8px 12px;background:#fff;border:2px solid #f66723;color:#333;text-decoration:none;transform:translateY(-200%)}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}#app{display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100vw;height:100%;max-width:960px;margin:0 auto;padding:10px;overflow:hidden}#app header{position:relative;display:flex;align-items:center;justify-content:center}#app header>h1{margin:0 0 0 10px;font-size:18px;text-align:center;color:#333}#app header>a{position:absolute;right:0;text-decoration:none;color:#333}#app header>a:hover,#app header>a:focus{color:#888}#notifier{position:relative;z-index:90}#notifier>button{margin-top:10px;width:100%;border:solid 1px #f66723;background:#ffffffbf;padding:5px 15px;text-align:center;color:#f66723;cursor:pointer}#search{position:relative;z-index:20;margin-top:10px}#search>input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}#search>input::-ms-clear{display:none}#search>input{width:100%;height:40px;border:none;background:none;font-size:18px;text-align:center;border-top:solid 1px #eee;border-bottom:solid 1px #eee}#search>input::placeholder{color:#aaa}#search>button{position:absolute;bottom:2.5px;right:5px;width:35px;height:35px;background:#c33d29cc;border:none;font-family:monospace;font-size:22px;color:#fff;cursor:pointer}#table{flex-grow:1;overflow-x:hidden;overflow-y:auto}#table>.items{margin-top:15px}#table>.items>.head{position:sticky;top:0;z-index:10;display:flex;align-items:center;margin-top:0;padding-top:10px;background-color:#fff}#table>.items>.head>h2{margin:0}#table>.items>.head>h2>span{font-weight:400}#table>.items>.head>img{display:block;width:40px;height:58px;margin-right:15px}#table>.items>.head.sticky{border-bottom:solid 1px #eee;padding:5px 0}#table>.items>.item{display:flex;margin:15px 0 0}#table>.items>.item>.head{display:flex;justify-content:center;align-items:center;width:55px;min-height:105px}#table>.items>.item>.head>h3{margin:0;font-weight:400;text-align:center}#table>.items>.item>.head>h3>span{display:block;transform:rotate(-90deg);transform-origin:center;line-height:20px}#table>.items>.item>.txt{flex-grow:1;padding:15px;border-left-style:solid;border-left-width:6px}#table>.items>.item>.txt>p{line-height:24px;margin-top:0}#table>.items>.item>.txt>p:last-child{margin-bottom:0}#table>.items>.item>.txt>p>span>.highlight{display:inline-block;padding:0 2px;color:#fff}#noresult-info{margin-top:30px;font-style:italic;text-align:center}.wood{color:#7f9a44}.fire{color:#c33d29}.earth{color:#f8d04e}.metal{color:#b2b2b1}.water{color:#274873}.hot h3{color:#c33d29}.hot .txt{background-color:#ffe0cb;border-left-color:#c33d29}.hot .txt>p>span>.highlight{background-color:#c33d29}.warm h3{color:#f66723}.warm .txt{background-color:#ffeccb;border-left-color:#f66723}.warm .txt>p>span>.highlight{background-color:#f66723}.neutral h3{color:#f8d04e}.neutral .txt{background-color:#fffccb;border-left-color:#f8d04e}.neutral .txt>p>span>.highlight{background-color:#f8d04e}.cool h3{color:#7f9a44}.cool .txt{background-color:#e6eed0;border-left-color:#7f9a44}.cool .txt>p>span>.highlight{background-color:#7f9a44}.cold h3{color:#274873}.cold .txt{background-color:#dfe9f0;border-left-color:#274873}.cold .txt>p>span>.highlight{background-color:#274873}#contact{position:absolute;right:30px;bottom:30px;z-index:20}#contact>a{display:block;padding:10px;border-radius:50%}#contact>a:hover,#contact>a:focus-within{background-color:#7f9a44}#contact>a.wood{background-color:#7f9a44bf}#contact>a.wood:hover,#contact>a.wood:focus-within{background-color:#7f9a44}#contact>a.fire{background-color:#c33d29bf}#contact>a.fire:hover,#contact>a.fire:focus-within{background-color:#c33d29}#contact>a.earth{background-color:#f8d04ebf}#contact>a.earth:hover,#contact>a.earth:focus-within{background-color:#f8d04e}#contact>a.metal{background-color:#b2b2b1bf}#contact>a.metal:hover,#contact>a.metal:focus-within{background-color:#b2b2b1}#contact>a.water{background-color:#274873bf}#contact>a.water:hover,#contact>a.water:focus-within{background-color:#274873}#contact>a>img{display:block}