.documents_box .image{display:block;position:relative;overflow:hidden;flex-grow:0;flex-shrink:0;width:100%}.documents_box .image:after{content:"";display:block;padding-bottom:var(--height-image)}.documents_box .image img{position:absolute;width:100%;height:100%;transition:.3s;z-index:1;inset:0;object-fit:cover}.documents_box{--width-item: 20%;--height-image: 141.4285%}.documents_box.is_collapsible .contents{position:relative;max-width:none;padding-right:40px}.documents_box.is_collapsed .contents{margin-bottom:0}.documents_box.is_collapsed .contents+div{display:none}.documents_box.is_collapsed .toggle:after{width:14px;margin-left:-7px}.documents_box .items_album{--height-image: 50%}.documents_box .items_square{--height-image: 100%}.documents_box .image{border-radius:var(--radius-regular)}.documents_box .details{display:flex;align-items:center;margin:12px 0 8px;gap:12px}.documents_box .title{display:block;flex-grow:1;min-width:0;font-size:var(--size-content);font-weight:400;line-height:1.5rem}.documents_box .toggle{display:block;position:absolute;top:50%;right:0;width:28px;height:28px;margin:-15px 0 0;border:2px solid currentColor;border-radius:50%;color:var(--color-heading);transition:.2s;z-index:2}.documents_box .toggle:before,.documents_box .toggle:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background-color:currentColor;transition:.2s}.documents_box .toggle:after{width:2px;margin-left:-1px;transform:rotate(90deg)}@media(hover: hover){.documents_box .toggle:hover{color:var(--color-link)}}.documents_box .view{display:flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-small);background-color:var(--button-base);color:var(--button-text);transition:.2s}.documents_box .view:before{content:"";display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask:url(../../images/ico_document_view.svg) 50% 50%/contain no-repeat}@media(hover: hover){.documents_box .view:hover{background-color:var(--button-base-active);color:var(--button-text-active)}}@media(min-width: 64rem){.documents_box.is_frame .fixed{padding:var(--gap-card);border-radius:var(--radius-regular);background-color:var(--color-background)}}@media(max-width: 64rem){.documents_box{--width-item: 25%}}@media(max-width: 40rem){.documents_box{--width-item: 33.333%}}@media(max-width: 25rem){.documents_box{--width-item: 50%}}
/*# sourceMappingURL=documents.css.map */