.primary,dialog .wrapper .left-content .logo-wrapper .title,dialog .wrapper .left-content .special-thanks .title{color:var(--white)}.button,button{display:flex;justify-content:center;align-items:center;padding:.8em 1em;border:none;cursor:pointer;transition:.3s;border-radius:.6em;white-space:nowrap;gap:.4em;font-weight:500;max-width:12em}.ghost,.icon{padding:.5em;border-radius:.2em;cursor:pointer}.button:hover,button:hover{background-color:var(--gray-300)}.ghost:hover,.tertiary:hover{background-color:var(--gray-200)}.primary{background-color:var(--primary)}.secondary{background-color:var(--secondary);color:var(--text)}.icon:hover,.outline:hover,.tertiary{background-color:var(--gray-100)}.tertiary{color:var(--gray-400)}.badge,.ghost,.icon,.icon.like:hover,dialog{background-color:transparent}.tertiary:hover{color:var(--gray-500)}.ghost{color:var(--black)}.icon{position:relative;transition:.3s}.overlay,dialog{inset:0;visibility:hidden;opacity:0;transition:opacity .5s,visibility 0s linear .5s}.icon.like>.fa-heart,.icon.like>i{color:var(--red-500);font-size:1.2rem}.outline{background-color:var(--gray-50);color:var(--sky-500);border:1px solid var(--gray-300);padding:.6em}.badge{border:1px solid var(--black);color:var(--black);font-size:.8rem}.badge-02,.badge-02:hover{background-color:var(--sky-200)}.badge-02{border:1px solid var(--sky-300);border-radius:.3em;color:var(--sky-700);padding:.5em 1em}.error,.info,.success,.warning{color:var(--text)}.badge:hover{background-color:none}.success{background-color:var(--success)}.warning{background-color:var(--warning)}.error{background-color:var(--error)}.info{background-color:var(--info)}.overlay{position:absolute;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:998}.overlay.active,dialog[open]{visibility:visible;opacity:1;transition:opacity .5s}dialog{position:fixed;padding-right:1em;min-height:100vh;min-width:100vw;z-index:999;border:0;outline:0;display:flex;justify-content:center;align-items:center}dialog .wrapper{position:relative;background-color:var(--sky-950);border-radius:.6em;height:calc(100vh - 4em);width:calc(100vw - 4em);max-height:40em;max-width:72em;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:scroll}dialog .wrapper::-webkit-scrollbar{width:.5em}dialog .wrapper::-webkit-scrollbar-thumb{background-color:var(--sky-700);border-radius:.2em}dialog .wrapper::-webkit-scrollbar-track{background-color:transparent}dialog .wrapper #closeIntroProject{z-index:99;position:absolute;top:1em;right:1em;border:0;cursor:pointer}dialog .wrapper #closeIntroProject:hover{border:0;background-color:transparent}dialog .wrapper .left-content{width:100%;height:100%;padding:1em;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5em}@media (min-width:728px){dialog .wrapper{flex-direction:row;overflow:hidden}dialog .wrapper .left-content{width:28em}}dialog .wrapper .left-content .logo-wrapper{display:flex;align-items:center;gap:.4em}dialog .wrapper .left-content .logo-wrapper img{background-color:var(--gray-300);display:flex;justify-content:center;align-items:center;border-radius:.6em}dialog .wrapper .left-content .group,dialog .wrapper .left-content header{display:flex;flex-direction:column;gap:.4em}dialog .wrapper .left-content h1.title{font-size:1.2rem;color:var(--white)}dialog .wrapper .left-content .created-by,dialog .wrapper .left-content .disclaimer,dialog .wrapper .left-content .special-thanks .list .item-description,dialog .wrapper .left-content .special-thanks .list a,dialog .wrapper .left-content .special-thanks .list kbd,dialog .wrapper .left-content p.description,dialog .wrapper .left-content p.description kbd{color:var(--gray-300);font-size:.9rem}dialog .wrapper .left-content .special-thanks,dialog .wrapper .left-content .special-thanks .list{display:flex;flex-direction:column;gap:.5em}dialog .wrapper .left-content .special-thanks .list .item-description{margin-left:1.5em;list-style-type:disc}dialog .wrapper .left-content .created-by a,dialog .wrapper .left-content .special-thanks .list a{font-size:.9rem;color:var(--sky-300);text-decoration:underline}dialog .wrapper .left-content .disclaimer .warn{font-size:.9rem;color:var(--red-500);font-weight:700}dialog .right-content{flex:1;overflow:hidden}dialog .right-content .image{opacity:.3;height:100%;width:100%;display:flex;justify-content:center;align-items:center}dialog .right-content .image .visual-img{max-height:100%;object-fit:contain;object-position:center}