eliashaeussler/typo3-solver

.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0}svg{fill:currentColor}@keyframes caret{50%{opacity:0}}@keyframes spinner{100%{transform:rotate(360deg)}}.solution-body{padding:1.5rem}.solution-body>*:first-child{margin-top:0}.solution-body>*:last-child{margin-bottom:0}.solution-body pre:not(.has-line-numbers){padding:.25rem .5rem}.solution-body *:not(pre)>code{padding:.125rem .25rem;border:1px solid rgba(0,0,0,.125)}.solution-body li>p{margin:0}.solution-streaming .solution-body>*:last-child::after{content:"";border-right:.5rem solid #8c8c8c;margin-left:.25rem;opacity:0}.solution-caret-visible .solution-body>*:last-child::after{opacity:1}.solution{background-color:#fff;margin-bottom:2rem;box-shadow:0 2px 1px rgba(0,0,0,.15);position:relative}.solution-selector~.solution-body{position:absolute;left:1000%;opacity:0}.solution-selector:checked~.solution-body{position:initial;left:0;opacity:1;transition:opacity .5s}.solution-selector:checked~.solution-arrow{display:block}.solution-arrow{display:none;position:absolute;background-color:#10a37f;width:2rem;height:2rem;top:8rem;color:#fff;cursor:pointer;font-size:1.2rem;text-align:center;line-height:2rem}.solution-arrow:hover,.solution-arrow:focus{background-color:#8c8c8c}.solution-arrow-prev{left:-2rem}.solution-arrow-next{right:-2rem}.solution-streaming .solution-arrow{display:none !important}.solution-head{color:#10a37f;background-color:#e6f3f3;padding:1.5rem}.solution-head-container{display:flex}.solution-head .solution-headline{flex-grow:1}.solution-head h3{margin:0}.solution-head .solution-icon>svg{width:2rem;height:2rem}.solution-meta{list-style:none;padding:0;margin-bottom:0;display:flex;gap:.5rem}.solution-meta li{display:flex;align-items:center;gap:.25rem}.solution-meta svg{height:1rem;width:1rem;opacity:.5}.solution-list{padding:0;margin:0}.solution-list-item{position:relative;list-style:none}.solution-loader{display:none}.solution-loader-container{position:absolute;display:flex;bottom:2rem;right:2rem;background-color:#10a37f;color:#fff;border-radius:.25rem;box-shadow:0 2px 1px rgba(0,0,0,.15);padding:.5rem 1rem;gap:.5rem}.solution-loader-spinner{animation:spinner 2s linear infinite;width:1rem}.solution-streaming .solution-loader{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.125)}.solution-prompt{padding:1rem 1.5rem;font-size:.8rem;border-top:1px solid #b9b9b9}.solution-prompt summary{cursor:pointer}.solution-prompt pre{padding:1rem;margin-bottom:0.5rem}