.layer{position:relative;width:calc(6 * 1em);height:calc(4 * 1.5em);font-family:monospace;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:3em}.layer,.layer .word-group{display:grid;grid-template-columns:repeat(6,1em);grid-template-rows:repeat(4,1.5em)}.layer .word-group{position:absolute;top:0;left:0;white-space:pre}.layer .cell,.layer .word-group{margin:auto;justify-content:center}.layer .cell{width:1em;height:1em;display:flex;align-items:center;font-weight:1000;color:#0001;text-transform:uppercase;font-family:monospace}.layer .word-group:first-child .cell:nth-child(19){background:#17054f;border-radius:4px;position:relative;overflow:hidden;width:.9em;height:.9em}.layer .word-group:first-child .cell:nth-child(19):before{content:"";display:block;width:25%;height:25%;position:absolute;left:25%;top:25%;border-top-left-radius:100%;box-shadow:-1.4px -1.4px 0 1.4px #fff;transform-origin:100% 100%;animation:rot8 16s ease-in-out infinite;animation-delay:1.4s}@keyframes rot8{0%{rotate:0deg}18%{rotate:0deg}25%{rotate:90deg}43%{rotate:90deg}50%{rotate:180deg}68%{rotate:180deg}75%{rotate:270deg}93%{rotate:270deg}to{rotate:1turn}}@property --g-ang{syntax:"<angle>";initial-value:0deg;inherits:false}.word-group{--g-ang:0deg;background:conic-gradient(at 0 100%,transparent calc(var(--g-ang) - 270deg),#000 calc(var(--g-ang) - 270deg),#000 calc(var(--g-ang) - 4deg),transparent var(--g-ang));-webkit-background-clip:text;background-clip:text;color:transparent;animation:rot-ang 16s ease-in-out infinite}@keyframes rot-ang{25%{--g-ang:360deg}25.000001%{--g-ang:0deg}to{--g-ang:0deg}}.word-group:first-child{animation-delay:0}.word-group:nth-child(2){animation-delay:4s}.word-group:nth-child(3){animation-delay:8s}.word-group:nth-child(4){animation-delay:12s}.content-wrap{display:flex;justify-content:center;align-items:center;padding:1em 2em;margin:1em;--lgrad:linear-gradient(#17054f 0 0);--thickness:0.4em;--sz:2em;-webkit-mask:var(--lgrad) padding-box,conic-gradient(at var(--sz) var(--sz),#0000 75%,#17054f 0) 0 0 /calc(100% - var(--sz)) calc(100% - var(--sz));mask:var(--lgrad) padding-box,conic-gradient(at var(--sz) var(--sz),#0000 75%,#17054f 0) 0 0 /calc(100% - var(--sz)) calc(100% - var(--sz));transition:border .4s ease-in-out}.content-wrap,.content-wrap:hover{border:var(--thickness) solid #fff}.content-wrap:hover .side-section{margin-left:4em;max-width:1000px;opacity:1}@media screen and (max-width:600px){.content-wrap{flex-direction:column;padding:1em;font-size:min(3vw,.8em)}.side-section{margin-left:0;width:100%;max-height:0;max-width:0}.content-wrap:hover .side-section{margin-left:0;margin-top:2em;max-height:1000px;opacity:1;padding:2em}}.share-button-container{position:relative;display:flex;justify-content:flex-end}.custom-share-button{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#496989;background:transparent;cursor:pointer;transition:all .3s ease-in-out}@media (max-width:768px){.share-text{display:none}}.share-text{font-size:12px;font-weight:500}.custom-share-button:hover{color:#496989}.share-icon-outline{font-size:14px;color:inherit}.ant-dropdown-menu{background:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,97%,.9));border-radius:8px;padding:8px;min-width:170px;border:none}.share-menu-item{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;color:#fff;padding:8px;border-radius:6px;transition:all .3s ease-in-out}.share-menu-item:hover{background:hsla(0,0%,100%,.15)}.share-icon{width:20px;height:20px}.copy-link{display:flex;align-items:center;gap:8px;font-size:12px;color:#000;font-weight:500}.copy-link:hover{color:#35374b}.icon-button{z-index:60!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-scroll{animation:scroll 40s linear infinite}