body{height:100vh;margin-top:10px;background:linear-gradient(to left,#274046,#e6dada)}div.app-container{max-width:720px;font-family:permanent marker,cursive;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.8em;margin:0 auto}div.app-container h2{text-align:center;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}div.tooltip-trigger{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:start;width:200px;margin:15px 35px}div.tooltip-fbox{--tooltip-bg: #262626;--text-color: #c7c7c7;position:absolute;bottom:100%;display:flex;gap:1em;justify-content:baseline;align-items:start;font-family:Inter;font-weight:400;font-size:.825rem;line-height:20px;width:115%;max-width:384px;background-color:var(--tooltip-bg);color:var(--text-color);padding-inline:1.4em;padding-block:.5em;border-radius:7px;margin-bottom:20px;box-shadow:0 4px 6px -2px #0000000d;box-shadow:10px 10px 15px -3px #0000001a}div.tooltip-fbox:after{position:absolute;content:"";bottom:-18px;left:50px;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid var(--tooltip-bg)}div.tooltip-text-fbox{display:flex;flex-direction:column;padding-block:.5em;flex-grow:1}svg.icon{color:var(--text-color);font-size:2em;flex:0 0 .6em}button.tooltip-btn{background-color:var(--tooltip-bg);color:var(--text-color);border:0;padding-top:.2em;font-size:1.2rem;cursor:pointer}button.tooltip-btn:hover,button.tooltip-btn:focus{opacity:.7}button.sample-btn{font-family:Inter;font-size:.75rem;margin:0 2em 1em;padding:1em 3em;background-color:#1e40af;color:#c7c7c7;border:0;border-radius:30px;cursor:pointer}@media (min-width: 450px){div.tooltip-fbox{min-width:300px}}h2,p{margin:0;padding:0}div.banner-container{font-family:Inter;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:90vw;max-width:400px;min-height:3.25em;gap:.75em;margin-bottom:.125em;opacity:1;border-radius:6px;padding:1em}div.banner-header-row{display:flex;align-items:center;gap:.75em}div.banner-container .banner-header-row:nth-of-type(2) svg{opacity:0;flex:0 0 1rem}h2.banner-header{font-weight:500;font-size:.875rem;line-height:20px;letter-spacing:0%}div.banner-container p{font-weight:400;font-size:.875rem;line-height:20px;letter-spacing:0%}div.banner-success{background-color:#ecfdf5;color:#065f46}div.banner-warning{color:#92400e;background-color:#fffbeb}div.banner-warning .warning-icon{color:#fbbf24}div.banner-error{color:#92400e;background-color:#fef2f2}div.banner-error h2{font-weight:700}div.banner-error .error-icon{color:#f87171}div.banner-neutral{background-color:#eff6ff;color:#1e40af}.popup-btn{font-family:Permanent Marker,"cursive";display:flex;justify-content:center;align-items:center;padding:2em 3em;border:none;cursor:pointer;border-radius:4px;width:140px;height:100px}.popup-btn:hover,.popup-btn:focus{opacity:.7}div.popup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}