:root{--masonry-shadow:#0000001f;--masonry-border:var(--sl-color-gray-5,#888);--masonry-muted:var(--sl-color-gray-5,#888);--masonry-bg:var(--sl-color-bg,#fff);--masonry-success:var(--sl-color-green-high,#009688);--masonry-failure:var(--sl-color-red-high,#f44336);--masonry-text:var(--sl-color-text,inherit);--masonry-tag:var(--sl-color-accent-high,var(--masonry-text))}.masonry-container{width:100%;margin:.8em auto}.masonry-grid{grid-gap:20px;opacity:0;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:10px;display:grid}.masonry-grid.is-ready{opacity:1}@media (scripting:none){.masonry-grid{opacity:1}}.masonry-item{height:max-content;box-shadow:0 0 10px 5px var(--masonry-shadow);color:var(--masonry-text);border-radius:8px;flex-direction:column;align-self:start;margin-top:0;padding:15px;transition:all .3s;display:flex;position:relative;overflow:hidden}.masonry-item:hover{box-shadow:0 8px 16px var(--masonry-shadow);transform:translateY(-5px)}.masonry-item-title{border-bottom:1px solid var(--masonry-border);color:var(--masonry-text);flex-shrink:0;margin-top:0;margin-bottom:10px;padding-right:1.25em;font-size:1.5em;font-weight:700;line-height:1.3;position:relative}.masonry-item-title.is-success{color:var(--masonry-success)}.masonry-item-title.is-failure{color:var(--masonry-failure)}.masonry-item-content{color:var(--masonry-text);flex-shrink:0;margin:0;position:relative}.masonry-item-content>:first-child{margin-top:0}.masonry-item-content>:last-child{margin-bottom:0}.masonry-item-content p{margin-block:.35em}.masonry-item-content p:first-child{margin-top:0}.masonry-item-content p:last-child{margin-bottom:0}.masonry-item img{width:100%;display:block}.masonry-item-skeleton{background-color:var(--masonry-bg);z-index:1;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.masonry-item-skeleton[hidden],.masonry-item-mark[hidden],.masonry-toolbar [hidden]{display:none!important}.masonry-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5em 0;padding:.5em 0;line-height:1.25;display:flex}.masonry-toolbar>*{box-sizing:border-box;vertical-align:middle;flex-direction:row;align-self:center;align-items:center;min-height:2rem;margin-block:0;line-height:1.25;display:inline-flex}.masonry-toolbar-label{color:var(--masonry-tag);width:auto;margin-right:1em;font-weight:500}.masonry-switch-wrap{cursor:pointer;width:auto;margin-right:1em;padding-right:1em;position:relative}.masonry-toolbar-divider{border-right:1px solid var(--masonry-muted)}.masonry-switch-input{opacity:0;width:0;height:0;margin:0;position:absolute}.masonry-switch{background:#1a1a2e;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s;display:inline-block;position:relative}.masonry-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.masonry-switch-input:checked+.masonry-switch{background:var(--sl-color-accent-high,#6c5ce7)}.masonry-switch-input:checked+.masonry-switch:after{transform:translate(18px)}.masonry-switch-input:focus-visible+.masonry-switch{outline:2px solid var(--sl-color-accent-high,#6c5ce7);outline-offset:2px}.masonry-toolbar-score{min-width:2em;margin-right:1em}.masonry-toolbar-score-label{margin-right:.5em}.masonry-toolbar-score-detail{border-right:1px solid var(--masonry-muted);align-items:center;padding-right:1em;display:inline-flex}.masonry-toolbar-remaining{color:var(--masonry-text)}.masonry-toolbar-success{color:var(--masonry-success)}.masonry-toolbar-failed{color:var(--masonry-failure)}.masonry-toolbar-check{cursor:pointer;user-select:none;gap:.35em;width:auto;margin-right:.5em;padding-right:.5em}.masonry-toolbar-check input{appearance:auto;cursor:pointer;vertical-align:middle;flex-shrink:0;width:1rem;height:1rem;margin:0}[data-masonry-root] .button{cursor:pointer;color:var(--masonry-text);border-radius:10%;transition:background-color .15s}[data-masonry-root] .button svg{width:100%;height:100%;display:block}[data-masonry-root] .button-right path{fill:#009688}[data-masonry-root] .button-wrong path,[data-masonry-root] .button-cry path{fill:#f44336}[data-masonry-root] .button-smile path{fill:var(--masonry-success)}[data-masonry-root] .button-reset path,[data-masonry-root] .button-clear path{fill:var(--masonry-text)}.masonry-toolbar .button{box-sizing:border-box;-webkit-appearance:none;appearance:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2rem;min-width:2rem;height:2rem;min-height:2rem;margin:0;padding:0;font-size:0;line-height:0;display:inline-flex}.masonry-toolbar .button svg{flex-shrink:0;width:1.25rem;height:1.25rem;display:block}.masonry-item-mark .button{box-sizing:border-box;-webkit-appearance:none;appearance:none;width:1em;height:1em;font-size:inherit;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.masonry-item-mark .button svg{width:1em;height:1em;display:block}.masonry-item-mark .cry{display:none}.masonry-item-mark .smile,.masonry-item-mark:hover .cry{display:flex}.masonry-item-mark:hover .smile{display:none}.masonry-item-skeleton .button{box-sizing:border-box;-webkit-appearance:none;appearance:none;background:0 0;border:none;flex:0 0 3rem;justify-content:center;align-self:center;align-items:center;width:3rem;min-width:3rem;height:3rem;min-height:3rem;margin:0;padding:0;font-size:0;line-height:0;display:flex}.masonry-item-skeleton .button svg{flex-shrink:0;width:3rem;height:3rem;display:block}[data-masonry-root] .button:hover{background-color:var(--sl-color-gray-5,#94a3b8)}