.meditation {margin: 0 auto;color: #ccc;font-family: Arial, sans-serif;display: flex;flex-direction: column;align-items: center;justify-content: center;height: auto;background: rgb(31,44,57);background: -moz-radial-gradient(circle, rgba(31,44,57,1) 0%, rgba(23,32,41,1) 35%, rgba(0,0,0,1) 100%);background: -webkit-radial-gradient(circle, rgba(31,44,57,1) 0%, rgba(23,32,41,1) 35%, rgba(0,0,0,1) 100%);background: radial-gradient(circle, rgba(31,44,57,1) 0%, rgba(23,32,41,1) 35%, rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2c39",endColorstr="#000000",GradientType=1);}.sdbg{display: flex;flex-direction: column;align-items: center;justify-content: center;height: auto;padding:6em 0 7em;background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/slim-lines.webp');background-repeat:no-repeat;background-size:cover;background-position:center;}
.buttons{display:block;width:90%;height:340px;overflow:auto;margin:0 auto;}
.gem-container {display: flex;flex-direction: column;align-items: center;gap: 1rem;padding:4em 0 6em;}
.xtime button {display:block;width:90%;height:auto;margin:0 auto;padding:4px 0 4px;text-align:center;border: none;cursor: pointer;transition: background-color 0.3s;font-size:12px;}
.meditation button:hover {opacity: 0.8;}.xcr{overflow:auto;}
/* Gem Styles */

.amethyst {background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem1-amethyst.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(153,102,255,.6));transition: background-image 0.3s;}
.lapis {background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem2-lapis.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(51,51,255,.6));transition: background-image 0.3s;}
.turquoise{background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem3-turquoise.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(102,204,204,0.6));transition: background-image 0.3s;}
.amazonite {background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem5-amazonite.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(51,204,102,.6));transition: background-image 0.3s;}
.citrine{background-image: url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem6-citrine.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,255,51,0.6));transition: background-image 0.3s;}

.carnelian{background-image: url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem7-orangecarnelian.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,153,0,.6));transition: background-image 0.3s;}
.turmaline{background-image: url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem8-turmaline.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(0,0,0,.6));transition: background-image 0.3s;}
.obsidian{background-image: url('https://dascent-sigils.com/wp-content/uploads/2025/02/gem10-blackobsidian.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(0,0,0,.6));transition: background-image 0.3s;}



.quartz {background-image: url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem3-quart.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,255,255,.6));transition: background-image 0.3s;}
.ruby {background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem4-ruby.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,0,0,.6));transition: background-image 0.3s;}
.selenite {background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem6-selenite.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,255,204,.6));transition: background-image 0.3s;}
.labradorite {background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem9-labratorite.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,255,204,.6));transition: background-image 0.3s;}
.emerald {background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/gem5-jade.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(0,204,102,0.6));transition: background-image 0.3s;}


.platinum{background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/metal-platinum.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,255,255,.6));transition: background-image 0.3s;}
.gold{background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/metal-gold.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,204,102,0.6));transition: background-image 0.3s;}
.silver{background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/metal-silver.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,255,255,.6));transition: background-image 0.3s;}
.coper{background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/metal-coper.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,102,51,.6));transition: background-image 0.3s;}
.iron{background-image:url('https://dascent-sigils.com/wp-content/uploads/2025/01/metal-iron.png');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;filter:drop-shadow(0 0 20px rgba(255,255,255,.4));transition: background-image 0.3s;}
#gem{animation: float 3s ease-in-out infinite;}
#gem{animation: float 3s ease-in-out infinite;}
#thegem{display:block;width:290px;height:290px;background-image:url('');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;}
@keyframes float {0% {transform: translateY(0);}50% {transform: translateY(-20px);}100% {transform: translateY(0);}}
#sidebar {position: fixed;top: 0;right: -350px;width: 250px;height: 100%;background-color:rgba(0,0,0,0.7);box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);transition: right 0.3s ease;padding: 20px;color:#D5C58E;}#sidebar p{font-size:15px;}
#sidebar.active,#sidebar:hover {right: 0;}
#toggleIcon {position: absolute;top: 40px;left: 10px;cursor: pointer;width: 34px;height: 34px;}
#toggleIcon svg { fill: #fff;opacity:.7;filter:drop-shadow(0 1px 1px #000);}
@media only screen and (min-width: 250px) and (max-width: 800px) {#sidebar {position: fixed;top: 0;right: -430px;width: 240px;height: 100%;background-color:rgba(0,0,0,0.7);box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);transition: right 0.3s ease;padding: 20px;color:#D5C58E;}#sidebar p{font-size:15px;}
#sidebar.active,#sidebar:hover {right: 10px;}}
#centerlanding{display:block;width:270px;height:auto;margin:0 auto;padding:1em 0 1em;text-align:center;color:#f1f1f1;font-size:16px;opacity:.7;position:absolute;top:20px;}#centerlanding.zactive{opacity:0;}.ham{display:inline-block;margin-left:8px;transform:translateY(1px);vertical-align:middle;}
.ham i:nth-child(1){display:block;width:20px;height:1px;background-color:#fff;margin:0 auto 3px auto;padding:.04em;}
.ham i:nth-child(2){display:block;width:20px;height:1px;background-color:#fff;margin:0 auto 3px auto;padding:.04em;}
.ham i:nth-child(3){display:block;width:20px;height:1px;background-color:#fff;margin:0 auto 3px auto;padding:.04em;}
.signal{display:block;padding:.3em .4em .1em;text-align:center;background-color:#09F;border-radius:5px;box-shadow:inset 0 1px 2px #0CF;transition: background-color opacity 0.3s;}
#toggleIcon:hover .signal{background-color:#06C;}#toggleIcon:hover svg { fill: #fff;opacity:1;filter:drop-shadow(0 1px 1px #fff);}


.content-wrap {color:#ccc;background: rgb(31,44,57);background: -moz-radial-gradient(circle, rgba(31,44,57,1) 0%, rgba(23,32,41,1) 35%, rgba(0,0,0,1) 100%);background: -webkit-radial-gradient(circle, rgba(31,44,57,1) 0%, rgba(23,32,41,1) 35%, rgba(0,0,0,1) 100%);background: radial-gradient(circle, rgba(31,44,57,1) 0%, rgba(23,32,41,1) 35%, rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2c39",endColorstr="#000000",GradientType=1);}

.close-button {position: absolute;top: 10px;right: 10px;font-size: 20px;cursor: pointer;color: white;}
.xcr::-webkit-scrollbar {width:8px;}.xcr::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:10px;border-radius:10px;}.xcr::-webkit-scrollbar-thumb {-webkit-border-radius:10px;border-radius:10px;background:#3CF;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}.xcr::-webkit-scrollbar-thumb:window-inactive {background:rgba(204,0,0,.4);border:1px solid #333;}.dopad{display:block;width:100%;margin:10px auto 12px auto;text-align:center;font-weight:bold;border-bottom:1px solid #333;padding:.4em 0 1em;}.dopadmore{display:block;width:100%;margin:10px auto 7px auto;text-align:center;padding:.3em 0 .7em;border-bottom:1px solid #333;}
.more-text {max-height: 0;overflow: hidden;margin-top: 10px;margin-bottom:20px;color:#ccc;}
.more-text.show {max-height: 800px;height:auto;}
.read-more-link,.read-more-linkz {display:block;width:90%;height:auto;margin:20px auto 22px auto;background-color:#09F;cursor: pointer;color: #fff;text-decoration: none;font-size:14px;text-align:center;padding:.5em 0 .5em;}
.read-more-linkz:hover {display:block;width:90%;height:auto;margin:20px auto 22px auto;background-color:#06C;cursor: pointer;color: #fff;text-decoration: none;font-size:14px;text-align:center;padding:.5em 0 .5em;}
.read-more-link::after {content: "";display: inline-block;margin-left: 5px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
  height: 10px;width: 10px;transform: rotate(0deg);transition: transform 0.3s ease-in-out; }
.read-more-link.expanded::after {content: "";transform: rotate(180deg);}
.tcenter{text-align:center;}
.smlbtn a{display:block;width:200px;height:auto;padding:.4em 1em .4em;text-align:center;background-color:#09F;color:#fff;text-decoration:none;margin:10px auto 12px auto;border-radius:5px;font-size:14px;}
.smlbtn a:hover{background-color:#06C;color:#fff;text-decoration:none;}
.showbutton{display:block;width:40px;height:40px;position:fixed;top:120px;left:10px;text-align:center;z-index:10000;animation:dopoint 1.3s infinite;}
@keyframes dopoint {0% {transform: translateY(0) rotate(16deg);}50% {transform: translateY(-7px) rotate(16deg);}100% {transform: translateY(0) rotate(16deg);}}
.showbutton svg{width:100%;height:auto;}.smlerinfo{display:block;width:300px;height:auto;margin:0 auto;text-align:center;}.breth{display:none;transition: background-color opacity 0.3s;}.inactive{display:block;}.xzactive{display:block;}