@layer components{:is(.itemlist,.itemlist__item){--j-item-list-gap: var(--uui-spacing-sm);--j-item-list-item-padding: var(--uui-spacing-md);--j-item-list-item-gap: var(--uui-spacing-lg);--j-item-list-item-link-hover-background: var(--uui-colors-background-bg-primary-hover);--j-item-list-item-title-font-size: var(--uui-font-size-text-md);--j-item-list-item-title-line-height: var(--uui-line-height-text-md);--j-item-list-item-content-font-size: var(--uui-font-size-text-sm);--j-item-list-item-content-line-height: var(--uui-line-height-text-sm);--j-item-list-item-content-color: var(--uui-colors-foreground-fg-tertiary);--j-item-list-item-link-color: var(--uui-colors-text-text-primary);--j-item-list-item-title-line-clamp: 2;--j-item-list-item-image-large-size: 7.5rem;--j-item-list-item-transition: 100ms ease-in-out}.itemlist{display:flex;flex-direction:column;gap:var(--j-item-list-gap);padding-left:0}.itemlist__item,.itemlist__item-detailed{border-radius:var(--uui-radius-sm);background-color:rgba(0,0,0,0);transition:background var(--j-item-list-item-transition);position:relative}.itemlist__item:not(.tab-pane),.itemlist__item-detailed:not(.tab-pane){display:flex;align-items:center}.itemlist__item:hover,.itemlist__item:focus-within,.itemlist__item-detailed:hover,.itemlist__item-detailed:focus-within{background-color:var(--j-item-list-item-link-hover-background)}.itemlist__item:not(:has(>a:only-child)):hover .itemlist__item-right,.itemlist__item:not(:has(>a:only-child)):focus-within .itemlist__item-right,.itemlist__item-detailed:not(:has(>a:only-child)):hover .itemlist__item-right,.itemlist__item-detailed:not(:has(>a:only-child)):focus-within .itemlist__item-right{opacity:0}.itemlist__item:not(:has(>a:only-child)):hover:has(:not(.dropdown)) .itemlist-actions__wrapper,.itemlist__item:not(:has(>a:only-child)):focus-within:has(:not(.dropdown)) .itemlist-actions__wrapper,.itemlist__item-detailed:not(:has(>a:only-child)):hover:has(:not(.dropdown)) .itemlist-actions__wrapper,.itemlist__item-detailed:not(:has(>a:only-child)):focus-within:has(:not(.dropdown)) .itemlist-actions__wrapper{opacity:1}.itemlist__item-body,.itemlist__item-detailed-body{display:flex;flex-direction:column;flex:1;min-width:0}.itemlist__item-link,.itemlist__item-detailed-link{display:flex;align-items:center;gap:var(--j-item-list-item-gap);padding:var(--j-item-list-item-padding);flex:1;position:relative;color:var(--j-item-list-item-link-color)}.itemlist__item-link:focus,.itemlist__item-detailed-link:focus{outline:none}.itemlist__item-link:focus::after,.itemlist__item-detailed-link:focus::after{outline:.125rem solid var(--uui-colors-border-border-brand);outline-offset:.125rem;border-radius:var(--uui-radius-md)}.itemlist__item-link .itemlist__item-icon,.itemlist__item-detailed-link .itemlist__item-icon{display:flex;align-items:center}.itemlist__item-link .wrapper-photo,.itemlist__item-detailed-link .wrapper-photo{padding:0}.itemlist__item-right,.itemlist__item-detailed-right{display:flex;align-items:center;gap:var(--uui-spacing-xxs);flex:0 0 auto;opacity:1;margin-left:auto;font-weight:var(--uui-font-weight-regular);transition:opacity var(--j-item-list-item-transition)}.itemlist__item-text,.itemlist__item-detailed-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--j-item-list-item-title-line-clamp);font-size:var(--j-item-list-item-title-font-size);font-weight:var(--uui-font-weight-medium);line-height:var(--j-item-list-item-title-line-height);overflow:hidden;overflow-wrap:anywhere}.itemlist__item-image img,.itemlist__item-detailed-image img{border-radius:var(--uui-radius-sm)}.itemlist__item-image-large img,.itemlist__item-detailed-image-large img{width:var(--j-item-list-item-image-large-size);height:var(--j-item-list-item-image-large-size)}.itemlist__item-meta,.itemlist__item-meta-item,.itemlist__item-abstract,.itemlist__item-detailed-meta,.itemlist__item-detailed-meta-item,.itemlist__item-detailed-abstract{font-size:var(--j-item-list-item-content-font-size);line-height:var(--j-item-list-item-content-line-height);color:var(--j-item-list-item-content-color)}.itemlist__item.has-action,.itemlist__item-detailed.has-action{position:relative}.itemlist__item.has-action .itemlist-actions__wrapper,.itemlist__item-detailed.has-action .itemlist-actions__wrapper{display:flex;gap:var(--uui-spacing-xxs);position:absolute;right:var(--uui-spacing-xxs);top:50%;transform:translateY(-50%);z-index:2;opacity:0;transition:opacity var(--j-item-list-item-transition)}.itemlist__item-date,.itemlist__item-detailed-date{display:flex;align-items:center;gap:var(--uui-spacing-xs)}.itemlist__item .btn,.itemlist__item-detailed .btn{z-index:2}.itemlist__item .btn:focus,.itemlist__item .btn:focus-visible,.itemlist__item-detailed .btn:focus,.itemlist__item-detailed .btn:focus-visible{opacity:1;outline:.125rem solid var(--uui-colors-border-border-brand);outline-offset:.125rem}.itemlist__item .btn:focus~.itemlist__item-link .itemlist__item-right,.itemlist__item .btn:focus-visible~.itemlist__item-link .itemlist__item-right,.itemlist__item-detailed .btn:focus~.itemlist__item-link .itemlist__item-right,.itemlist__item-detailed .btn:focus-visible~.itemlist__item-link .itemlist__item-right{opacity:0}.itemlist__item .btn .jalios-icon,.itemlist__item .jalios-icon,.itemlist__item-detailed .btn .jalios-icon,.itemlist__item-detailed .jalios-icon{color:var(--uui-colors-foreground-fg-quaternary)}.itemlist.no-stretched-link .stretched-link::after{content:none !important}.itemlist.field-multi__list .itemlist__item input{display:none}.itemlist.field-multi__list .itemlist__item.edition-visible input{display:block}.itemlist.field-multi__list .itemlist__item.edition-visible input.form-control:focus{outline:.125rem solid var(--j-btn-focus-color, var(--uui-colors-border-border-brand));outline-offset:0}.itemlist.field-multi__list .itemlist__item.edition-visible .itemlist__item-value,.itemlist.field-multi__list .itemlist__item.edition-visible .itemlist-actions__wrapper{display:none}.itemlist.field-multi__list .itemlist__item.edition-visible:has(.drag-and-drop):has(.control-email) .form-input-icon{left:1.875rem}.itemlist.field-multi__list .itemlist__item.edition-visible:has(.drag-and-drop):has(.control-url) .form-input-icon{left:var(--uui-spacing-4xl)}.itemlist .itemlist__item-meta{display:flex;width:100%;gap:var(--uui-spacing-lg)}.itemlist .itemlist__item-meta .item-list__meta-item{display:flex;align-items:center;gap:var(--uui-spacing-xs);flex:0 1 auto;min-width:0;width:auto;max-width:calc((100% - 2*var(--uui-spacing-xs))/3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itemlist .large-abstract .itemlist__item-text,.itemlist .large-abstract .itemlist__item-abstract{padding-right:var(--uui-spacing-lg)}.itemlist .large-abstract .itemlist__item-body{gap:var(--uui-spacing-sm);justify-content:space-around}.itemlist:has(.itemlist__item-icon){--j-item-list-item-gap: var(--uui-spacing-md);--j-item-list-item-padding: calc(var(--uui-spacing-md) + var(--uui-spacing-sm))}.itemlist:has(.wrapper-photo){--j-item-list-item-gap: var(--uui-spacing-xl)}body.j-dropdown-open .itemlist__item>.itemlist__item-link.stretched-link,body.j-dropdown-open .itemlist__item-detailed>.itemlist__item-link.stretched-link{pointer-events:none}body.j-dropdown-open .itemlist__item>.itemlist__item-link.stretched-link::after,body.j-dropdown-open .itemlist__item-detailed>.itemlist__item-link.stretched-link::after{content:initial}}
/*# sourceMappingURL=j-listitem.css.map */