.next-hex-cont{max-height:400px}.modal-card-hex .hex-img{width:100px;margin:auto}.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:rgba(0,0,0,0)}.hex-img .yang,.hex-img .yin,.tri-img .yang,.tri-img .yin{width:100%;height:10.28%}.hex-img .yang>span,.hex-img .yin>span,.tri-img .yang>span,.tri-img .yin>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}.hex-img.prime-hex>div{text-align:center;flex:0 0 5%;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;height:100%;color:#000;background-color:rgba(0,0,0,0)}.hex-img.prime-hex>div .yang,.hex-img.prime-hex>div .yin{width:100%;height:10px}@media(max-width:600px){.hex-img.prime-hex>div .yang,.hex-img.prime-hex>div .yin{height:6px}}.hex-img.prime-hex>div .yang>span,.hex-img.prime-hex>div .yin>span{float:left;width:100%;height:100%;background-color:#000}.hex-img.prime-hex>div .yang>span{width:35%}.hex-img.prime-hex>div .yang>span:first-child{float:left}.hex-img.prime-hex>div .yang>span:last-child{float:right}.tri-img .yang,.tri-img .yin{height:20%}.dark .hex-img,.dark .tri-img{color:var(--primary)}.dark .hex-img .yang>span,.dark .hex-img .yin>span,.dark .tri-img .yang>span,.dark .tri-img .yin>span{background-color:var(--primary)}.dark .hex-img.prime-hex>div{color:var(--primary)}.dark .hex-img.prime-hex>div .yang>span,.dark .hex-img.prime-hex>div .yin>span{background-color:var(--primary)}.dark .lines-hex-card .hex-img{color:#000}.dark .lines-hex-card .hex-img .yang>span,.dark .lines-hex-card .hex-img .yin>span{color:var(--primary)}.listpage-container{cursor:pointer}.listpage-container .avatar{background-color:rgba(0,0,0,0)!important}.listpage-container .ListSub{display:block;text-align:center;margin:2px 0}.listpage-container .MuiAvatar-root{border-radius:unset!important;background:#fff!important}.highlight-keyword{background-color:#ffeb3b;color:#000;padding:2px 4px;border-radius:2px;font-weight:600}.detailspage-container .ribbon{font-size:16px;font-weight:700;color:#fff;padding:16px;--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;--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}@media(max-width:600px){.hexagram-card{padding-top:15px}}@media(max-width:380px){.hexagram-card{padding:3% 5px}}.hexagram-card .avatar-radius{background-color:red!important;border-radius:unset!important}.hexagram-card .hex-img{flex:0 0 100px;min-height:100px;height:100px}@media(max-width:1024px){.hexagram-card .hex-img{flex:0 0 50px;min-height:unset;height:50px}}@media(max-width:400px){.hexagram-card .hex-img{flex:0 0 40px;height:40px}}.hexagram-card>.title{flex:0 0 45%;margin-left:2.5%}@media(max-width:1024px){.hexagram-card>.title{flex:0 0 25%;margin-left:5px;flex-direction:column}}@media(max-width:600px){.hexagram-card>.title{flex:0 0 22%;flex-direction:unset}}@media(max-width:380px){.hexagram-card>.title{flex:0 0 19%;flex-direction:unset}}.hexagram-card>.title h2,.hexagram-card>.title h3{margin:0}@media(max-width:400px){.hexagram-card>.title h2{margin-top:25px;margin-left:-45px}}.hexagram-card .trigrams{border-radius:2px;background-color:#1df688;box-shadow:0 0 5px rgba(0,0,0,.15);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;align-items:flex-start}.api-select-mobile h6{margin-right:auto}.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:-3px}.lines-hex-card div.posline{width:100%;height:10.25%;background:#db242f;position:relative;left:0;opacity:1}.lines-hex-card .hex-img{flex:0 0 15%;height:35px}@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 h2,.lines-hex-card>.title h3{margin:0}.lines-hex-card .trigrams{border-radius:2px;background-color:#1df688;box-shadow:0 0 5px rgba(0,0,0,.15);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}.tabs-lines-hex-card{display:block;width:20px;height:20px;position:relative;top:-1px}.tabs-lines-hex-card div.posline{width:100%;height:10.25%;background:#db242f;position:relative;left:0;opacity:1}.tabs-lines-hex-card .hex-img{flex:0 0 15%;height:20px}@media(max-width:600px){.tabs-lines-hex-card .hex-img{flex:0 0 25%}}.tabs-lines-hex-card>.title{flex:0 0 60%;margin-left:2.5%}@media(max-width:680px){.tabs-lines-hex-card>.title{flex:0 0 30%}}.tabs-lines-hex-card>.title h2,.tabs-lines-hex-card>.title h3{margin:0}.tabs-lines-hex-card .trigrams{border-radius:2px;background-color:#1df688;box-shadow:0 0 5px rgba(0,0,0,.15);padding:1%;flex:0 0 15%;align-self:90px;font-size:2em}.tabs-lines-hex-card .trigrams hr{margin-top:5px!important;margin-bottom:5px!important}.tabs-lines-hex-card .trigrams .tri-img{flex:0 0 50%;justify-content:space-around;box-shadow:none;text-shadow:none}.tabs-lines-hex-card .trigrams .above,.tabs-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 .animal span:first-of-type,.popover-trigram .image span:first-of-type{font-size:2em!important}.linesblock{margin-inline-start:80px}.MuiHiddenCss-smDown-95,.PermanentDrawer-appBar-3{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:translateX(100%)}.page-transition-enter-active{transition:all .2s cubic-bezier(.14,.37,.35,.72)}.page-transition-exit{will-change:transform,opacity}.page-transition-exit-active{opacity:.1;transform:translateX(-100%);transition:all .2s cubic-bezier(.64,.37,.79,.71)}.page-transition-appear{position:absolute;opacity:0}.page-transition-appear-active{opacity:1;transform:translateX(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:rgba(0,0,0,0);padding:2px .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{max-width:185px;width:auto;padding-top:7px}}@media(max-width:400px){.appbar-card{max-width:175px}}@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}@media(max-width:420px){.appbar-card .hex-img{width:40px;height:40px;min-height:35px;max-width:35px}}.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 h2,.appbar-card>.title h3{margin:0;font-size:15px;line-height:17.5px}@media(max-width:600px){.appbar-card>.title h2,.appbar-card>.title h3{font-size:1.2em}}@media(max-width:450px){.appbar-card>.title h2,.appbar-card>.title h3{font-size:1.2em}}.appbar-card .trigrams{border-radius:2px;background-color:#1df688;box-shadow:0 0 5px rgba(0,0,0,.15);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 .yang>span,.appbar-card .hex-img .yin>span{background-color:#7c3aed}@media(max-width:600px){.highlight-button{width:180px;display:block;position:absolute;top:150px;left:195px}}@media(max-width:400px){.highlight-button{top:145px;right:0;background:#f1f5f9}}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,.overlay{display:flex;flex-direction:column;align-items:center;width:100%}.overlay{border-radius:6%;height:100%;z-index:-1;opacity:0;color:#fff;background:#000;text-align:center;transition:all .2s ease-in-out;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%;align-items:center}#head,#title-container{display:flex;flex-direction:column;justify-content:center}#title-container{font-family:Roboto,sans-serif;padding:1% 2%;margin-top:4%;margin-bottom:3%;border:.8vw solid;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}img.modal-img{max-width:500px;margin-left:auto!important;margin-right:auto!important;display:block}.gif-modal{max-width:450px;height:auto}@media(max-width:960px){.gif-modal{max-width:350px}}.loading-section{margin-bottom:100px}.error-message,.load-more-button,.spinner{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}.MuiBox-root.css-nrpkxt{max-width:400px;width:100%}.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;padding:2.5%;width:130px}.hextoss-card .hex-img{min-height:100px;height:100px;width:100px}.hextoss-card.coin-toss{display:block;min-width:350px}.hextoss-card.tossDialog{display:block;min-width:190px}.coin-toss .hex-img .yang,.coin-toss .hex-img .yin{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:none}.tossDialog .hex-img{max-width:125px}.hextoss-card .hex-img{min-height:60px;height:60px;width:60px}.hextoss-card{width:90px}}.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 h2,.hextoss-card>.title h3{margin:0}.hextoss-card .trigrams{border-radius:2px;background-color:#1df688;box-shadow:0 0 5px rgba(0,0,0,.15);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:254px}}@media(max-width:1024px){.hextoss-card.coin-toss{min-width:254px}}.animeSect.yang.changing-line span,.animeSect.yin.changing-line span,.yang.changing-line span,.yin.changing-line span{background:red!important}.hextoss-card{padding:1rem;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.animeSect .changing-lines,.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(0deg)}to{transform:rotate(1turn)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.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(90deg,rgba(255,255,255,0) 0,white)}@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}.mobile-tag-area{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:3px}@media(max-width:600px){.mobile-tag-area{gap:15px 2px}}.scroll-to-top{position:fixed;bottom:20px;right:20px;z-index:1000}.scroll-button{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background-color .3s ease}.scroll-button:hover{background-color:#0056b3}.appscroll{-webkit-overflow-scrolling:touch}.page-transition-enter{opacity:0;transform:translateX(20px)}.page-transition-enter-active{opacity:1;transform:translateX(0);transition:all .25s ease-in-out}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transform:translateX(-20px);transition:all .25s ease-in-out}body{margin:0;padding:0;font-family:Merriweather,sans-serif;overflow:hidden}.side-square-menu{width:40px;height:40px;margin-top:25px;margin-left:15px;position:relative;z-index:50}.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:#7c3aed}.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}@media(max-width:600px){.apiModal{top:35%}}.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:#fff;color:#7c3aed;border-radius:10px}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:1.1em solid #db242f;border-left-color:#000;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}