@charset "UTF-8";.hex-img,.tri-img{text-align:center;flex:1 0 25%;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;height:100%;color:#000;background-color:transparent}.hex-img .yin,.hex-img .yang,.tri-img .yin,.tri-img .yang{width:100%;height:10.28%}.hex-img .yin>span,.hex-img .yang>span,.tri-img .yin>span,.tri-img .yang>span{float:left;width:100%;height:100%;background-color:#000}.hex-img .yang>span,.tri-img .yang>span{width:35%}.hex-img .yang>span:first-child,.tri-img .yang>span:first-child{float:left}.hex-img .yang>span:last-child,.tri-img .yang>span:last-child{float:right}.tri-img .yin,.tri-img .yang{height:20%}.listpage-container{cursor:pointer}.listpage-container .avatar{background-color:transparent!important}.listpage-container .ListSub{display:block;text-align:center;margin:2px 0}.listpage-container .MuiAvatar-root{border-radius:unset!important;background:#fff!important}.detailspage-container .ribbon{font-size:16px;font-weight:700;color:#fff;padding:16px}.detailspage-container .ribbon{--f: .8em;--r: 0em;position:relative;padding-inline:.25em;line-height:1.8;left:30px;background:#db242f;border-bottom:var(--f) solid rgba(0,0,0,.3333333333);border-left:var(--r) solid rgba(0,0,0,0);clip-path:polygon(var(--r) 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--r) calc(100% - var(--f)),0 calc(50% - var(--f) / 2))}.detailspage-container .interpretation{margin:5%;text-align:justify}.detailspage-container .interpretation pre{font-family:Open Sans,Helvetica Neue,helvetica,sans-serif!important;font-style:italic;text-align:justify}.detailspage-container .interpretation .highlight{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.detailspage-container .interpretation .highlight .tarot{flex:1 1 50%}.detailspage-container .interpretation .highlight .tarot img{width:100%;height:auto}.detailspage-container .interpretation .highlight .oracle{flex:1 1 50%;font-style:italic;font-weight:600;text-transform:capitalize;text-align:left}.detailspage-container .interpretation p{font-weight:lighter;letter-spacing:-.5px}.detailspage-container .interpretation h3{text-transform:uppercase}.hex-card-area .ribbon{font-size:16px;font-weight:700;color:#fff;padding:16px}.hex-card-area .ribbon{--f: .8em;--r: 0em;position:relative;padding-inline:.25em;line-height:1.8;left:30px;background:#db242f;border-bottom:var(--f) solid rgba(0,0,0,.3333333333);border-left:var(--r) solid rgba(0,0,0,0);clip-path:polygon(var(--r) 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--r) calc(100% - var(--f)),0 calc(50% - var(--f) / 2))}.hexagram-card{display:flex;flex-wrap:nowrap;background-color:#ddd;padding:2.5%;margin-top:-20px}.hexagram-card .avatar-radius{background-color:red!important;border-radius:unset!important}.hexagram-card .hex-img{flex:0 0 15%;min-height:100px;height:100px}@media (max-width: 600px){.hexagram-card .hex-img{flex:0 0 25%}}.hexagram-card>.title{flex:0 0 60%;margin-left:2.5%}@media (max-width: 680px){.hexagram-card>.title{flex:0 0 30%;margin-left:25px}}.hexagram-card>.title h3,.hexagram-card>.title h2{margin:0}.hexagram-card .trigrams{border-radius:2px;background-color:#1df688;box-shadow:0 0 5px #00000026;padding:1%;flex:0 0 15%;align-self:90px;font-size:2em}.hexagram-card .trigrams hr{margin-top:5px!important;margin-bottom:5px!important}.hexagram-card .trigrams .tri-img{flex:0 0 50%;justify-content:space-around;box-shadow:none;text-shadow:none}.hexagram-card .trigrams .above,.hexagram-card .trigrams .below{min-height:40px;height:40px;display:flex;align-items:center;text-align:center;justify-content:space-between}@media (max-width: 600px){.api-select-mobile{display:flex;flex-direction:column}}@media (max-width: 600px){.api-select-mobile h6{margin-right:auto}}@media (max-width: 600px){.api-select-mobile select{margin-top:-15px}}@media (max-width: 420px){.hex-card-area.MuiBox-root.css-19midj6{padding:0}}.lines-hex-card{display:block;width:50px;height:50px;position:relative;top:40px}.lines-hex-card div.posline{width:100%;height:10.25%;background:#db242f;position:relative;left:0;opacity:.8}.lines-hex-card .hex-img{flex:0 0 15%;min-height:50px;height:50px}@media (max-width: 600px){.lines-hex-card .hex-img{flex:0 0 25%}}.lines-hex-card>.title{flex:0 0 60%;margin-left:2.5%}@media (max-width: 680px){.lines-hex-card>.title{flex:0 0 30%}}.lines-hex-card>.title h3,.lines-hex-card>.title h2{margin:0}.lines-hex-card .trigrams{border-radius:2px;background-color:#1df688;box-shadow:0 0 5px #00000026;padding:1%;flex:0 0 15%;align-self:90px;font-size:2em}.lines-hex-card .trigrams hr{margin-top:5px!important;margin-bottom:5px!important}.lines-hex-card .trigrams .tri-img{flex:0 0 50%;justify-content:space-around;box-shadow:none;text-shadow:none}.lines-hex-card .trigrams .above,.lines-hex-card .trigrams .below{min-height:40px;height:40px;display:flex;align-items:center;text-align:center;justify-content:space-between}.popover-trigram{font-family:monospace!important}.popover-trigram h4.title{text-transform:uppercase!important;margin:0!important;font-weight:700!important}.popover-trigram b{font-weight:700!important}.popover-trigram .image span:nth-of-type(1),.popover-trigram .animal span:nth-of-type(1){font-size:2em!important}.linesblock{margin-inline-start:80px}.PermanentDrawer-appBar-3,.MuiHiddenCss-smDown-95{z-index:5!important}.ui.page.modals.dimmer.transition.visible.active {z-index: 500!important}@media (max-width: 600px){main.PermanentDrawer-content-7,main.jss7{height:calc(100vh - 32px);overflow-y:scroll}a.how-works-link{display:none}}.page-transition-enter{opacity:.1;will-change:transform,opacity;transform:translate(100%)}.page-transition-enter-active{opacity:1;transform:translate(0);transition:all .2s cubic-bezier(.14,.37,.35,.72)}.page-transition-exit{opacity:1;will-change:transform,opacity}.page-transition-exit-active{opacity:.1;transform:translate(-100%);transition:all .2s cubic-bezier(.64,.37,.79,.71)}.page-transition-appear{position:absolute;opacity:0}.page-transition-appear-active{opacity:1;transform:translate(0);transition:all .2s cubic-bezier(.14,.37,.35,.72)}.page-transition-enter-done{display:flex;flex-direction:column}.page-transition-exit-done{opacity:0;transform:translateY(20px)}.page-transition-enter-done{opacity:1}.hexagram-preview-enter{animation-duration:.2s;animation-timing-function:cubic-bezier(.14,.37,.35,.72);animation-fill-mode:both}.hexagram-preview-enter.hexagram-preview-enter-active{animation-name:bounceIn}.hexagram-preview-exit{animation-duration:.2s;animation-timing-function:cubic-bezier(.14,.37,.35,.72);animation-fill-mode:both}.hexagram-preview-exit.hexagram-preview-exit-active{animation-name:bounceOut}.hexagram-preview-appear{animation-duration:.2s;animation-timing-function:cubic-bezier(.14,.37,.35,.72);animation-fill-mode:both}.hexagram-preview-appear.hexagram-preview-appear-active{animation-name:bounceIn}.question-enter{transition:all .2s cubic-bezier(.14,.37,.35,.72);opacity:0;will-change:transform,opacity;transform:translateY(-100%)}.question-enter.queston-enter-active{width:100%;opacity:1;transform:translateY(0)}.question-exit{transition:all .2s cubic-bezier(.14,.37,.35,.72);opacity:1;will-change:transform,opacity}.question-exit.question-exit-active{opacity:0;transform:translateY(-100%)}.appbar-card{flex-wrap:nowrap;background-color:transparent;padding:7px 1.5%;z-index:2500;width:315px;position:absolute;top:0;right:0;animation-name:slideUp;-webkit-animation-name:slideUp;animation-duration:1s;-webkit-animation-duration:1s}@media (max-width: 600px){.appbar-card{width:180px}}@media (max-width: 420px){.appbar-card{display:none!important}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(-70%)}to{opacity:1;-webkit-transform:translateY(0%)}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(-70%)}to{opacity:1;-webkit-transform:translateY(0%)}}.appbar-card .hex-img{flex:0 0 20%;min-height:50px;height:50px;width:50px;max-width:50px}.appbar-card>.title{flex:0 0 60%;margin-left:2.5%}@media (max-width: 600px){.appbar-card>.title{flex:0 0 80%}}.appbar-card>.title h3,.appbar-card>.title h2{margin:0;font-size:15px;line-height:17.5px}@media (max-width: 600px){.appbar-card>.title h3,.appbar-card>.title h2{font-size:1.2em}}@media (max-width: 450px){.appbar-card>.title h3,.appbar-card>.title h2{font-size:1.2em}}.appbar-card .trigrams{border-radius:2px;background-color:#1df688;box-shadow:0 0 5px #00000026;padding:1%;flex:0 0 15%;align-self:90px;font-size:2em}.appbar-card .trigrams hr{margin-top:5px!important;margin-bottom:5px!important}.appbar-card .trigrams .tri-img{flex:0 0 50%;justify-content:space-around;box-shadow:none;text-shadow:none}.appbar-card .trigrams .above,.appbar-card .trigrams .below{min-height:40px;height:40px;display:flex;align-items:center;text-align:center;justify-content:space-between}.appbar-card .hex-img .yin>span{background-color:#fff}.appbar-card .hex-img .yang>span{background-color:#fff}a.page{color:red}.tagactive{color:gold}.labeltags{display:inline-flex;margin-right:5px}a.ui.large.basic.label.slabel{color:red}a.ui.large.basic.label.slabel--active{color:#db242f}.oversect{margin-top:30%}.image-wrapper{height:auto;width:80%;display:flex;flex-flow:row wrap;justify-content:space-around;margin:auto}.image-card{background-size:cover;background-repeat:no-repeat;height:300px;width:300px;margin-top:1vw;border-radius:6%;font-size:2vw;font-family:Roboto,sans-serif;font-weight:900;padding-left:5%}.image{max-width:100%;height:auto;margin:3% auto auto}.image-modal{max-width:450px;height:auto}@media (max-width: 960px){.image-modal{max-width:350px}}.dialog-body{display:flex;flex-direction:column;align-items:center;width:100%}.overlay{border-radius:6%;height:100%;width:100%;z-index:-1;opacity:0;color:#fff;background:#000;text-align:center;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-card:hover .overlay{z-index:1;opacity:.7;transition:all .3s ease-in-out}.comment-box{padding:3%;width:100%;height:auto;box-sizing:border-box;border:1px solid;margin-top:2%}.comment{padding:2%;font-family:Roboto,sans-serif;font-weight:300;word-wrap:break-word;width:89%;align-self:center}.comment-wrapper{display:flex;flex-direction:row}.no-comment{text-align:center}#head{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#title-container{font-family:Roboto,sans-serif;padding:1% 2%;margin-top:4%;margin-bottom:3%;border:.8vw solid;display:flex;flex-direction:column;justify-content:center;width:21vw;height:21vw}#search-bar-container{margin:auto}.title-wrapper{display:flex;justify-content:space-between}.button-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:2vh}.products-list-buttons-container{display:flex;justify-content:space-around;margin-top:20px}.products-list-buttons-container a{width:200px;font-size:19px;letter-spacing:2px}.result-display{margin-bottom:50px}.result-grid{margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;justify-content:center;justify-items:center;align-items:center}.gif{width:300px;height:300px;object-fit:cover}.gif-modal{max-width:450px;height:auto}@media (max-width: 960px){.gif-modal{max-width:350px}}.loading-section{margin-bottom:100px}.spinner,.load-more-button,.error-message{display:block;margin:0 auto;width:75px}.error-message{width:150px;color:red;text-align:center}.GifImageCard-paper-195{width:auto!important}.modal-close{position:fixed;top:10px;right:10px}@media (max-width: 768px){.modal-close{top:5px}}.modal-container{width:auto!important}.masonry{column-count:3;column-gap:1em;margin-top:15px}@media (max-width: 1170px){.masonry{column-count:2}}@media (max-width: 600px){.masonry{display:initial}}@media (max-width: 600px){.MuiBox-root.css-nrpkxt{max-width:400px;width:100%}}@media (max-width: 600px){.css-16ye25a{margin-right:0!important}}.item{background-color:#eee;display:inline-block;margin:0 0 1em;width:100%}.tweet{grid-row-end:span 2}.hextoss-card{display:flex;flex-wrap:nowrap;background-color:#ddd;padding:2.5%}.hextoss-card .hex-img{flex:0 0 15%;min-height:100px;height:100px}.hextoss-card.coin-toss{display:block;min-width:350px}.coin-toss .hex-img .yin,.coin-toss .hex-img .yang{width:100px}.coin-toss .title{text-align:start;padding-left:35px}.coin-toss .detailspage-container{margin-bottom:-30px}.css-1hqdth1-MuiTabs-list{justify-content:start!important}@media (max-width: 600px){.hextoss-card .hex-img{flex:0 0 25%}}.hextoss-card>.title{flex:0 0 60%;margin-left:2.5%}@media (max-width: 680px){.hextoss-card>.title{flex:0 0 30%}}.hextoss-card>.title h3,.hextoss-card>.title h2{margin:0}.hextoss-card .trigrams{border-radius:2px;background-color:#1df688;box-shadow:0 0 5px #00000026;padding:1%;flex:0 0 15%;align-self:90px;font-size:2em}.hextoss-card .trigrams hr{margin-top:5px!important;margin-bottom:5px!important}.hextoss-card .trigrams .tri-img{flex:0 0 50%;justify-content:space-around;box-shadow:none;text-shadow:none}.hextoss-card .trigrams .above,.hextoss-card .trigrams .below{min-height:40px;height:40px;display:flex;align-items:center;text-align:center;justify-content:space-between}@media (max-width: 600px){.hextoss-card.coin-toss{min-width:280px}}.yang.changing-line span,.yin.changing-line span{background:red}.hextoss-card{padding:1rem;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000001a}.hextoss-card .changing-lines{margin-top:1rem;text-align:left}.hextoss-card .changing-lines ul{list-style:none;padding-left:0}.hextoss-card .changing-lines li{margin:.25rem 0;font-weight:700;color:#b22222}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.show-hide-text{display:flex;flex-wrap:wrap}.show-hide-text a{order:2}.show-hide-text p{position:relative;overflow:hidden;max-height:60px;line-height:20px}.show-hide-text p:after{content:"";position:absolute;right:0;bottom:0;width:100px;height:20px;background:linear-gradient(to right,#fff0,#fff)}@supports (-webkit-line-clamp: 3){.show-hide-text p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.show-hide-text p:after{display:none}}.show-less{display:none}.show-less:target{display:block}.show-less:target~p{display:block;max-height:100%}.show-less:target+a{display:none}.wrapper{max-width:300px;margin:50px auto}.wrapper p{font-size:16px;line-height:20px}body{margin:0;padding:0;font-family:Merriweather,sans-serif;overflow:hidden}.avatar{border-radius:0%!important;margin-right:5px}button.gitbutton svg{font-size:20px;margin-right:8px;vertical-align:-5px}.hex-desc{font-size:14px}a{text-decoration:none;color:#000000de}.apiModal{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:750px;border:2px solid #000;box-shadow:24px;padding:15px;background:#fff;border-radius:16px;cursor:pointer}.apiModal ul{list-style-type:none}.apiModal ul li a{text-decoration:none;line-height:2.2rem}.apiModal ul li a:hover{text-decoration:underline}.apiModal .MuiAvatar-circular{border-radius:unset;background:#fff}.apiModal .modal-title-area{display:flex;align-items:center}.apiModal .modal-title-area h2{margin-left:20px}.loader:empty,.loader:empty:after{border-radius:50%;width:10em;height:10em}.ribbon span:hover{background-color:#c12f2fc9}button.button.is-dark{margin-top:30px;display:block;margin-left:auto;margin-right:auto}.loader:empty{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgb(219,36,47);border-right:1.1em solid rgb(219,36,47);border-bottom:1.1em solid rgb(219,36,47);border-left:1.1em solid #000000;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}