@import"https://fonts.googleapis.com/css?family=PT+Sans:regular,bold,italic&subset=latin,latin-ext";.transform-card{display:flex;flex-direction:column;align-items:flex-start;border:2px black solid;border-radius:6px;margin:8px;padding:8px;background-color:teal;gap:8px}.transform-card-title{font-weight:700;text-transform:capitalize;display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.shape-dropdown{padding:8px;cursor:pointer;border:1px solid #ccc;border-radius:4px;background:#fff;width:100%;text-transform:capitalize;font-size:14px}.multiplication-symbol{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#666;margin:8px 4px;min-width:20px}body{margin:0;display:flex;place-items:center;font-family:PT Sans,Arial,Helvetica,sans-serif;color:#fff}.info-overlay{display:flex;flex-direction:row;align-items:center;gap:18px;position:fixed;bottom:30px;right:30px;color:#000}.info-circle span{color:#fff;font-weight:bolder;font-size:28px}.info-circle{background-color:#000;border-radius:50px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;position:relative}.info-verbose-container{position:absolute;bottom:80px;right:0;overflow:hidden}.info-verbose{width:min(30vh,400px);border:1.5px solid black;border-radius:8px;padding:0 18px 8px;background-color:#fff}.hover-link{transition-duration:.1s;opacity:.5;cursor:pointer}.hover-link:hover,.hover-link.stay-open{transform:scale(1.05);opacity:1}.info-close-button{position:absolute;top:8px;right:8px;background:transparent;color:#000;border:2px solid black;border-radius:50%;width:24px;height:24px;font-size:18px;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10;opacity:.4;transition:opacity .2s}.info-close-button:hover{opacity:1}