.gallery_box .heading{display:flex;align-items:center;margin:0 0 calc(var(--gap-heading) + 5px);--height-control: 42px;--gap-button: 16px}.gallery_box .heading:last-child{margin-bottom:0}.gallery_box .heading+.content{max-width:var(--width-contents)}.gallery_box .heading h1,.gallery_box .heading h2,.gallery_box .heading h3{flex-grow:1;min-width:0;margin:0}.gallery_box .heading .link{display:inline-block;margin-left:10px;color:var(--color-link);text-align:right;text-decoration:underline}@media (hover: hover){.gallery_box .heading .link:hover{color:var(--color-heading);text-decoration:none}}@media (max-width: 640px){.gallery_box .heading{display:block}.gallery_box .heading .link{margin:10px 0 2px;text-align:left}}.gallery_box .items{display:flex;position:relative;flex-wrap:wrap;width:calc(100% + var(--gap-grid));margin:0 calc(-1 * var(--gap-grid)) calc(-1 * var(--gap-vertical)) 0;z-index:2}.gallery_box .item{display:inline-flex;position:relative;flex-direction:column;flex-grow:0;flex-shrink:0;width:calc(var(--width-item) - var(--gap-grid));margin:0 var(--gap-grid) var(--gap-vertical) 0}.gallery_box .item .tag{display:block;position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);padding:5px 10px;background-color:#1D1D1F;color:#fff;font-size:10px;font-weight:400;line-height:14px;letter-spacing:1px;text-transform:uppercase;z-index:3}.gallery_box .items{--width-item: 33.333%;--gap-vertical: var(--gap-grid)}.gallery_box .items.carousel{--width-item: var(--width-post)}.gallery_box .item{overflow:hidden}@media (hover: hover){.gallery_box .item:hover img{transform:scale(1.1)}}.gallery_box .item:before{content:'';display:block;padding-bottom:100%}.gallery_box .item.featured .tag{background-color:#801F1B}.gallery_box .item img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:1;object-fit:cover}.gallery_box .zoom{position:absolute;bottom:10px;left:10px;width:17px;height:17px;background-color:#fff;transition:0.2s;cursor:pointer;z-index:3;filter:drop-shadow(1px 1px 0px #000);-webkit-mask:url(../../images/ico_zoom.svg) 50% 50%/contain no-repeat}@media (hover: hover){.gallery_box .zoom:hover{opacity:0.8}}@media (min-width: 1024px){.gallery_box .items_5{--width-item: 25%}.gallery_box .items_5.carousel{--width-item: var(--width-product)}.gallery_box .items_4{--width-item: 25%}.gallery_box .items_4.carousel{--width-item: var(--width-product)}}@media (max-width: 640px){.gallery_box .items{--width-item: 50%}}

/*# sourceMappingURL=gallery.css.map */