.next-hex-cont{max-height:400px}.modal-card-hex .hex-img{width:100px;margin:auto}.hex-img,.tri-img{text-align:center;color:#000;background-color:#0000;flex-flow:column wrap;flex:1 0 25%;justify-content:space-between;height:100%;display:flex}.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;background-color:#000;width:100%;height:100%}.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;color:#000;background-color:#0000;flex-flow:column wrap;flex:0 0 5%;justify-content:space-between;height:100%;display:flex}.hex-img.prime-hex>div .yin,.hex-img.prime-hex>div .yang{width:100%;height:10px}.hex-img.prime-hex>div .yin>span,.hex-img.prime-hex>div .yang>span{float:left;background-color:#000;width:100%;height:100%}.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 .yin,.tri-img .yang{height:20%}.dark .hex-img,.dark .tri-img{color:var(--primary)}.dark .hex-img .yin>span,.dark .hex-img .yang>span,.dark .tri-img .yin>span,.dark .tri-img .yang>span{background-color:var(--primary)}.dark .hex-img.prime-hex>div{color:var(--primary)}.dark .hex-img.prime-hex>div .yin>span,.dark .hex-img.prime-hex>div .yang>span{background-color:var(--primary)}.dark .lines-hex-card .hex-img{color:#000}.dark .lines-hex-card .hex-img .yin>span,.dark .lines-hex-card .hex-img .yang>span{color:var(--primary)}.listpage-container{cursor:pointer}.listpage-container .avatar{background-color:#0000!important}.listpage-container .ListSub{text-align:center;margin:2px 0;display:block}.listpage-container .MuiAvatar-root{border-radius:unset!important;background:#fff!important}.highlight-keyword{color:#000;background-color:#ffeb3b;border-radius:2px;padding:2px 4px;font-weight:600}.detailspage-container .ribbon{color:#fff;--f:.8em;--r:0em;border-bottom:var(--f)solid #0005;border-left:var(--r)solid #0000;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));background:#db242f;padding:16px;padding-inline:.25em;font-size:16px;font-weight:700;line-height:1.8;position:relative;left:30px}.detailspage-container .interpretation{text-align:justify;margin:5%}.detailspage-container .interpretation pre{text-align:justify;font-style:italic;font-family:Open Sans,Helvetica Neue,helvetica,sans-serif!important}.detailspage-container .interpretation .highlight{flex-direction:row;justify-content:space-around;align-items:center;display:flex}.detailspage-container .interpretation .highlight .tarot{flex:50%}.detailspage-container .interpretation .highlight .tarot img{width:100%;height:auto}.detailspage-container .interpretation .highlight .oracle{text-transform:capitalize;text-align:left;flex:50%;font-style:italic;font-weight:600}.detailspage-container .interpretation p{letter-spacing:-.5px;font-weight:lighter}.detailspage-container .interpretation h3{text-transform:uppercase}.hex-card-area .ribbon{color:#fff;--f:.8em;--r:0em;border-bottom:var(--f)solid #0005;border-left:var(--r)solid #0000;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));background:#db242f;padding:16px;padding-inline:.25em;font-size:16px;font-weight:700;line-height:1.8;position:relative;left:30px}.hexagram-card{background-color:#ddd;flex-wrap:nowrap;margin-top:-20px;padding:2.5%;display:flex}@media (max-width:600px){.hexagram-card{padding-top:15px}}@media (max-width:380px){.hexagram-card{padding:3% 5px}}.hexagram-card .avatar-radius{border-radius:unset!important;background-color:red!important}.hexagram-card .hex-img{flex:0 0 100px;height:100px;min-height:100px}@media (max-width:1024px){.hexagram-card .hex-img{min-height:unset;flex:0 0 50px;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-direction:column;flex:0 0 25%;margin-left:5px}}@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 h3,.hexagram-card>.title h2{margin:0}@media (max-width:400px){.hexagram-card>.title h2{margin-top:25px;margin-left:-45px}}.hexagram-card .trigrams{align-self:90px;background-color:#1df688;border-radius:2px;flex:0 0 15%;padding:1%;font-size:2em;box-shadow:0 0 5px #00000026}.hexagram-card .trigrams hr{margin-top:5px!important;margin-bottom:5px!important}.hexagram-card .trigrams .tri-img{box-shadow:none;text-shadow:none;flex:0 0 50%;justify-content:space-around}.hexagram-card .trigrams .above,.hexagram-card .trigrams .below{text-align:center;justify-content:space-between;align-items:center;height:40px;min-height:40px;display:flex}@media (max-width:600px){.api-select-mobile{flex-direction:column;align-items:flex-start;display:flex}.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{width:50px;height:50px;display:block;position:relative;top:-3px}.lines-hex-card div.posline{opacity:1;background:#db242f;width:100%;height:10.25%;position:relative;left:0}.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 h3,.lines-hex-card>.title h2{margin:0}.lines-hex-card .trigrams{align-self:90px;background-color:#1df688;border-radius:2px;flex:0 0 15%;padding:1%;font-size:2em;box-shadow:0 0 5px #00000026}.lines-hex-card .trigrams hr{margin-top:5px!important;margin-bottom:5px!important}.lines-hex-card .trigrams .tri-img{box-shadow:none;text-shadow:none;flex:0 0 50%;justify-content:space-around}.lines-hex-card .trigrams .above,.lines-hex-card .trigrams .below{text-align:center;justify-content:space-between;align-items:center;height:40px;min-height:40px;display:flex}.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:first-of-type,.popover-trigram .animal span:first-of-type{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-exit{opacity:1;will-change:transform,opacity}.page-transition-appear{opacity:0;position:absolute}.page-transition-appear-active{opacity:1;transition:all .2s cubic-bezier(.14,.37,.35,.72);transform:translate(0)}.page-transition-enter-done{flex-direction:column;display:flex}.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{opacity:0;will-change:transform,opacity;transition:all .2s cubic-bezier(.14,.37,.35,.72);transform:translateY(-100%)}.question-enter.queston-enter-active{opacity:1;width:100%;transform:translateY(0)}.question-exit{opacity:1;will-change:transform,opacity;transition:all .2s cubic-bezier(.14,.37,.35,.72)}.question-exit.question-exit-active{opacity:0;transform:translateY(-100%)}.appbar-card{z-index:2500;background-color:#0000;flex-wrap:nowrap;width:315px;padding:2px .5%;animation-name:slideUp;animation-duration:1s;position:absolute;top:0;right:0}@media (max-width:600px){.appbar-card{width:auto;max-width:185px;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%)}}.appbar-card .hex-img{flex:0 0 20%;width:50px;max-width:50px;height:50px;min-height:50px}@media (max-width:420px){.appbar-card .hex-img{width:40px;max-width:35px;height:40px;min-height: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 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{align-self:90px;background-color:#1df688;border-radius:2px;flex:0 0 15%;padding:1%;font-size:2em;box-shadow:0 0 5px #00000026}.appbar-card .trigrams hr{margin-top:5px!important;margin-bottom:5px!important}.appbar-card .trigrams .tri-img{box-shadow:none;text-shadow:none;flex:0 0 50%;justify-content:space-around}.appbar-card .trigrams .above,.appbar-card .trigrams .below{text-align:center;justify-content:space-between;align-items:center;height:40px;min-height:40px;display:flex}.appbar-card .hex-img .yin>span,.appbar-card .hex-img .yang>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}}a.page{color:red}.tagactive{color:gold}.labeltags{margin-right:5px;display:inline-flex}a.ui.large.basic.label.slabel{color:red}a.ui.large.basic.label.slabel--active{color:#db242f}.oversect{margin-top:30%}.image-wrapper{flex-flow:wrap;justify-content:space-around;width:80%;height:auto;margin:auto;display:flex}.image-card{background-repeat:no-repeat;background-size:cover;border-radius:6%;width:300px;height:300px;margin-top:1vw;padding-left:5%;font-family:Roboto,sans-serif;font-size:2vw;font-weight:900}.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{flex-direction:column;align-items:center;width:100%;display:flex}.overlay{z-index:-1;opacity:0;color:#fff;text-align:center;background:#000;border-radius:6%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s ease-in-out;display:flex}.image-card:hover .overlay{z-index:1;opacity:.7;transition:all .3s ease-in-out}.comment-box{box-sizing:border-box;border:1px solid;width:100%;height:auto;margin-top:2%;padding:3%}.comment{word-wrap:break-word;align-self:center;width:89%;padding:2%;font-family:Roboto,sans-serif;font-weight:300}.comment-wrapper{flex-direction:row;display:flex}.no-comment{text-align:center}#head{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}#title-container{border:.8vw solid;flex-direction:column;justify-content:center;width:21vw;height:21vw;margin-top:4%;margin-bottom:3%;padding:1% 2%;font-family:Roboto,sans-serif;display:flex}#search-bar-container{margin:auto}.title-wrapper{justify-content:space-between;display:flex}.button-wrapper{flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:2vh;display:flex}.products-list-buttons-container{justify-content:space-around;margin-top:20px;display:flex}.products-list-buttons-container a{letter-spacing:2px;width:200px;font-size:19px}.result-display{margin-bottom:50px}.result-grid{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;place-items:center;margin:0 auto;display:grid}.gif{object-fit:cover;width:300px;height:300px}img.modal-img{max-width:500px;display:block;margin-left:auto!important;margin-right:auto!important}.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{width:75px;margin:0 auto;display:block}.error-message{color:red;text-align:center;width:150px}.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{width:100%;max-width:400px}.css-16ye25a{margin-right:0!important}}.item{background-color:#eee;width:100%;margin:0 0 1em;display:inline-block}.tweet{grid-row-end:span 2}.hextoss-card{flex-wrap:nowrap;width:130px;padding:2.5%;display:flex}.hextoss-card .hex-img{width:100px;height:100px;min-height:100px}.hextoss-card.coin-toss{min-width:350px;display:block}.hextoss-card.tossDialog{min-width:190px;display:block}.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:none}.tossDialog .hex-img{max-width:125px}}.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{align-self:90px;background-color:#1df688;border-radius:2px;flex:0 0 15%;padding:1%;font-size:2em;box-shadow:0 0 5px #00000026}.hextoss-card .trigrams hr{margin-top:5px!important;margin-bottom:5px!important}.hextoss-card .trigrams .tri-img{box-shadow:none;text-shadow:none;flex:0 0 50%;justify-content:space-around}.hextoss-card .trigrams .above,.hextoss-card .trigrams .below{text-align:center;justify-content:space-between;align-items:center;height:40px;min-height:40px;display:flex}@media (max-width:600px){.hextoss-card.coin-toss{min-width:254px}}@media (max-width:1024px){.hextoss-card.coin-toss{min-width:254px}}.yang.changing-line span,.animeSect.yang.changing-line span,.yin.changing-line span,.animeSect.yin.changing-line span{background:red!important}.hextoss-card{border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 2px 6px #0000001a}.hextoss-card .changing-lines,.animeSect .changing-lines{text-align:left;margin-top:1rem}.hextoss-card .changing-lines ul{padding-left:0;list-style:none}.hextoss-card .changing-lines li{color:#b22222;margin:.25rem 0;font-weight:700}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.show-hide-text{flex-wrap:wrap;display:flex}.show-hide-text a{order:2}.show-hide-text p{max-height:60px;line-height:20px;position:relative;overflow:hidden}.show-hide-text p:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff 100%);width:100px;height:20px;position:absolute;bottom:0;right:0}@supports (-webkit-line-clamp:3){.show-hide-text p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.show-hide-text p:after{display:none}}.show-less{display:none}.show-less:target{display:block}.show-less:target~p{max-height:100%;display:block}.show-less:target+a{display:none}.wrapper{max-width:300px;margin:50px auto}.wrapper p{font-size:16px;line-height:20px}.mobile-tag-area{flex-wrap:wrap;gap:10px;margin-bottom:3px;display:flex}@media (max-width:600px){.mobile-tag-area{gap:15px 2px}}.scroll-to-top{z-index:1000;position:fixed;bottom:20px;right:20px}.scroll-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:background-color .3s;display:flex;box-shadow:0 2px 5px #0003}.scroll-button:hover{background-color:#0056b3}.appscroll{-webkit-overflow-scrolling:touch}.page-transition-enter{opacity:0;transform:translate(20px)}.page-transition-enter-active{opacity:1;transition:all .25s ease-in-out;transform:translate(0)}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:all .25s ease-in-out;transform:translate(-20px)}body{margin:0;padding:0;font-family:Merriweather,sans-serif;overflow:hidden}.side-square-menu{z-index:50;width:40px;height:40px;margin-top:25px;margin-left:15px;position:relative}.avatar{margin-right:5px;border-radius:0%!important}button.gitbutton svg{vertical-align:-5px;margin-right:8px;font-size:20px}.hex-desc{font-size:14px}a{color:#7c3aed;text-decoration:none}.apiModal{width:100%;max-width:750px;box-shadow:24px;cursor:pointer;background:#fff;border:2px solid #000;border-radius:16px;padding:15px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}@media (max-width:600px){.apiModal{top:35%}}.apiModal ul{list-style-type:none}.apiModal ul li a{line-height:2.2rem;text-decoration:none}.apiModal ul li a:hover{text-decoration:underline}.apiModal .MuiAvatar-circular{border-radius:unset;background:#fff}.apiModal .modal-title-area{align-items:center;display:flex}.apiModal .modal-title-area h2{margin-left:20px}.loader:empty,.loader:empty:after{border-radius:50%;width:10em;height:10em}.ribbon span:hover{color:#7c3aed;background-color:#fff;border-radius:10px}button.button.is-dark{margin-top:30px;margin-left:auto;margin-right:auto;display:block}.loader:empty{text-indent:-9999em;border:1.1em solid #db242f;border-left-color:#000;margin:60px auto;font-size:10px;animation:1.1s linear infinite load8;position:relative;transform:translateZ(0)}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}