.contentBlock-list ul.list{margin:0;padding:0}.contentBlock-list ul.list li{margin:0;list-style-type:none;display:flex;flex-wrap:wrap;position:relative;min-height:4rem}.contentBlock-list ul.list li .contentBlock-image{flex:0 0 2.5rem;display:flex;flex-direction:column;justify-content:center;margin-right:1rem}.contentBlock-list ul.list li .contentBlock-image img{width:2rem;height:2rem;object-fit:contain;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.contentBlock-list ul.list li .contentBlock-icon{flex:0 0 2rem;display:flex;flex-direction:column;justify-content:center}.contentBlock-list ul.list li .contentBlock-icon svg.icon{width:2.5rem;height:2.5rem}.contentBlock-list ul.list li .contentBlock-name{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-right:1rem;box-sizing:border-box}.contentBlock-list ul.list li .contentBlock-name span{padding:.5rem 0;white-space:nowrap;font-weight:900;font-size:var(--fs7);overflow:hidden;text-overflow:ellipsis}.contentBlock-list ul.list li .contentBlock-preview{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;overflow:hidden;box-sizing:border-box}.contentBlock-list ul.list li .contentBlock-preview span{padding:.5rem 0;font-size:var(--fs11);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.contentBlock-list ul.list li .contentBlock-actions{flex:0 0 8rem}.all-contentBlocks-list [data-archived=true]{display:none}@media (width > 768px){.contentBlock-list ul li{flex-wrap:nowrap}.contentBlock-list ul li .contentBlock-image{flex:0 0 3rem}.contentBlock-list ul li .contentBlock-image img{margin:0 auto;transform:scale(1.3)}.contentBlock-list ul li .contentBlock-name{flex:0 0 auto}.contentBlock-list ul li .contentBlock-preview{flex:1 1 auto;padding-left:.5rem}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes blurIn{0%{backdrop-filter:blur(0)}to{backdrop-filter:blur(4px)}}@keyframes blurOut{0%{backdrop-filter:blur(4px)}to{backdrop-filter:blur(0)}}.modal{--modal-padding: 1rem;--modal-background: var(--background-700);--modal-border: none;--modal-border-radius: 10px;--modal-close-foreground: var(--foreground-600);--modal-close-background: transparent;--animation-duration: .5s;width:100vw;height:100vh;background:transparent;animation:blurIn var(--animation-duration) forwards;border:transparent;transform:scale(1.05);overflow:hidden}.modal::backdrop{display:none}.modal.closing{animation:blurOut var(--animation-duration) forwards}.modal.closing:after{animation:fadeOut var(--animation-duration) forwards;opacity:0}.modal.closing .modal-container{animation:popOut calc(var(--animation-duration) / 2) forwards}.modal.hidden{animation:blurOut var(--animation-duration) forwards}.modal.hidden:after{animation:fadeOut var(--animation-duration) forwards;opacity:0}.modal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;z-index:0;animation:fadeIn var(--animation-duration) forwards}.modal .modal-container{opacity:0;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);animation:popIn calc(var(--animation-duration) / 2) forwards;background:var(--modal-background);width:90%;max-width:40rem;max-height:90vh;border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--box-shadow);box-sizing:border-box;position:fixed;padding:var(--modal-padding);padding-bottom:0;color:var(--foreground-900);display:flex;flex-direction:column;overflow:hidden}.modal .modal-container .modal-title{width:100%;flex:0 0 auto;padding-bottom:1rem}.modal .modal-container .modal-content{overflow:scroll;flex:1 1 auto;padding:var(--modal-padding);margin-left:calc(var(--modal-padding) * -1);margin-right:calc(var(--modal-padding) * -1)}.modal .modal-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;background:var(--modal-close-background);padding:.5rem;border-radius:50%;border:none;outline:none}.modal .modal-close svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:var(--modal-close-foreground)}.modal{--modal-padding: 2rem;--modal-close-foreground: var(--primary-on)}.modal:not(.confirmation) .modal-container{max-width:60rem}.modal.confirmation .modal-container{width:auto;min-width:30rem}.modal .modal-container .modal-content{margin-top:-1rem}.modal .modal-container .modal-content .btn-container.modal-actions{margin-bottom:0;margin-top:2rem}.modal .modal-container .modal-title{margin:-2rem -2rem 1rem;width:calc(100% + 4rem);background:var(--dark-900);color:var(--light-900);padding:1rem 3rem 1rem 1rem;box-sizing:border-box;font-size:var(--fs7)}.modal .modal-container .modal-title *{font-size:inherit}.modal .modal-container .modal-title h2.has-icon{padding-left:4.5rem;position:relative}.modal .modal-container .modal-title h2.has-icon svg.icon{width:4rem;height:4rem;margin-right:.5rem;margin-left:-.5rem;display:inline;position:absolute;left:0;top:50%;transform:translateY(-50%);fill:var(--primary-on)}.modal .modal-container .modal-close{top:0;right:0;width:3rem;height:3rem}.modal .hidden{display:none!important}.modal form{--form-max-width: 100%;padding:0;margin:0}