.add-to-library-body{color:var(--color-text-boldest);flex-basis:100%}.add-to-library-empty{color:var(--color-text-bolder);height:22rem;padding:5rem 1.2rem;text-align:center}.add-to-library-filter{padding:1.2rem 1.2rem .6rem;position:relative}.add-to-library-error{left:1.2rem;position:absolute;right:1.2rem}.add-to-library-list{height:22rem;margin:1.2rem 0 0;overflow:auto;padding:0 1.2rem .6rem}.add-to-library-item{align-items:center;background-color:transparent;border:0;color:var(--color-text-bolder);display:flex;font-size:1.4rem;line-height:1.2;min-height:4.4rem;padding:.6rem 0;width:100%}[dir=ltr] .add-to-library-item{text-align:left}[dir=rtl] .add-to-library-item{text-align:right}.add-to-library-item:first-child{padding-top:0}.add-to-library-item:not(:last-child){border-bottom:.1rem solid var(--color-border-default)}.add-to-library-item.add-to-library-processing{opacity:.6;pointer-events:none}.add-to-library-item.add-to-library-exist{pointer-events:none}.add-to-library-item:hover .add-to-library-add-icon{color:var(--color-icon-default)}.add-to-library-item-tumbnail{border-radius:var(--radius-m);flex-shrink:0}[dir=ltr] .add-to-library-item-tumbnail{margin:0 1.2rem 0 0}[dir=rtl] .add-to-library-item-tumbnail{margin:0 0 0 1.2rem}.add-to-library-item-info{max-width:calc(100% - 7rem);width:100%;word-break:break-word}.add-to-library-number-games{color:var(--color-text-subtle);white-space:nowrap}.add-to-library-add-icon{font-size:2rem;color:var(--color-icon-subtle)}[dir=ltr] .add-to-library-add-icon{margin:0 .5rem 0 auto}[dir=rtl] .add-to-library-add-icon{margin:0 auto 0 .5rem}.add-to-library-add-icon.add-to-library-hidden{display:none}.add-to-library-added{font-size:1.6rem;align-items:center;animation:add-to-library-pulse .3s;animation-iteration-count:1;background-color:var(--color-green-300);border-radius:var(--radius-circular);color:var(--color-neutrals-white);display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}[dir=ltr] .add-to-library-added{margin:0 .7rem 0 auto}[dir=rtl] .add-to-library-added{margin:0 auto 0 .7rem}.add-to-library-loading{flex-shrink:0}[dir=ltr] .add-to-library-loading{margin-left:auto;margin-right:1rem}[dir=rtl] .add-to-library-loading{margin-right:auto;margin-left:1rem}.add-to-library-loading-list-wrapper{display:flex;height:27.8rem;padding:.6rem 1.2rem}.add-to-library-loading-list{margin:auto}.add-to-library-footer{background-color:var(--color-bg-tertiary);border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:var(--space-12)}.add-to-library-new{color:var(--color-text-default);height:5rem}.add-to-library-new:hover{color:var(--color-text-default-hovered)}.add-to-library-new:active{opacity:.8}.add-to-library-new-form{align-items:center;display:flex;gap:.8rem;max-height:0;opacity:0;visibility:hidden}.add-to-library-new-form.add-to-library-expanded{height:auto;margin-bottom:.5rem;margin-top:.5rem;max-height:5.7rem;opacity:1;visibility:visible}.add-to-library-new-form input{flex-grow:1}.add-to-library-pagination{margin:2rem 0}.add-to-library-exist-message{color:var(--color-text-bolder);font-size:1.2rem}.add-to-library-exist-icon{font-size:1.2rem;color:var(--color-icon-default)}@keyframes add-to-library-pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1}80%{transform:scale(1.2)}to{transform:scale(1)}}.full-page-modal-component{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:absolute;top:0;width:100vw;z-index:2000}[dir=ltr] .full-page-modal-component{left:0}[dir=rtl] .full-page-modal-component{right:0}@media (min-width: 60em){.full-page-modal-component{background:#00000073}}.full-page-modal-modal{background:var(--color-bg-opaque);display:flex;flex-direction:column;height:calc(100vh - 4rem);left:0;margin-top:4rem;position:fixed;right:0;top:0;z-index:1999}@media (min-width: 60em){.full-page-modal-modal{border-radius:var(--radius-xl);height:85vh;left:auto;margin-top:0;right:auto;top:auto;width:82vw}[dir=ltr] .full-page-modal-modal{margin-left:calc(var(--navWidth) - 3.5rem)}[dir=rtl] .full-page-modal-modal{margin-right:calc(var(--navWidth) - 3.5rem)}}.full-page-modal-content{flex:1;overflow:auto;padding:0 1.2rem;position:relative}.full-page-modal-image{height:4rem;width:4rem}[dir=ltr] .full-page-modal-image{margin-right:1.5rem}[dir=rtl] .full-page-modal-image{margin-left:1.5rem}.full-page-modal-icon{color:var(--color-gray-500);font-size:4.2rem}[dir=ltr] .full-page-modal-icon{margin-right:1.5rem}[dir=rtl] .full-page-modal-icon{margin-left:1.5rem}.full-page-modal-close{background-color:transparent;border:none;margin:0;padding:0;align-items:center;color:var(--color-gray-500);display:flex}[dir=ltr] .full-page-modal-close{margin-left:auto}[dir=rtl] .full-page-modal-close{margin-right:auto}@media (min-width: 60em){.full-page-modal-close{position:absolute;top:-.3rem}[dir=ltr] .full-page-modal-close{right:-3.5rem}[dir=rtl] .full-page-modal-close{left:-3.5rem}.full-page-modal-close:hover{opacity:.8}}.full-page-modal-close-text{display:inline-block;font-size:1.2rem}@media (min-width: 60em){.full-page-modal-close-text{display:none}}.full-page-modal-close-icon{font-size:3.2rem}@media (min-width: 60em){.full-page-modal-close-icon{font-size:2.8rem;color:var(--color-neutrals-white)}}.full-page-modal-header{align-items:center;display:flex;height:8rem;justify-content:space-between;padding:0 2rem}.full-page-modal-header h1{color:var(--color-text-bolder);font-size:2.8rem;font-weight:700}.full-page-modal-header>div{align-items:center;display:flex;height:8rem}.full-page-modal-subheader{padding:0 1.4rem}.full-page-modal-subheader:empty{display:none}.full-page-modal-icon{color:var(--color-gray-600);font-size:3rem;margin:0 .5rem}