.categories_box .heading{display:flex;align-items:center;margin:0 0 calc(var(--gap-heading) + 5px);--height-control: 42px;--gap-button: 16px}.categories_box .heading:last-child{margin-bottom:0}.categories_box .heading+.content{max-width:var(--width-contents)}.categories_box .heading h1,.categories_box .heading h2,.categories_box .heading h3{flex-grow:1;min-width:0;margin:0}.categories_box .heading .link{display:inline-block;margin-left:10px;color:var(--color-link);text-align:right;text-decoration:underline}@media(hover: hover){.categories_box .heading .link:hover{color:var(--color-heading);text-decoration:none}}@media(max-width: 640px){.categories_box .heading{display:block}.categories_box .heading .link{margin:10px 0 2px;text-align:left}}.categories_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}.categories_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}.categories_box .image{display:block;position:relative;overflow:hidden;flex-grow:0;flex-shrink:0;width:100%}.categories_box .image:after{content:"";display:block;padding-bottom:var(--height-image)}.categories_box .image img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover}.categories_box .title{display:block;color:var(--color-heading);font-family:var(--font-heading);font-size:var(--size-base);font-weight:700;line-height:1.333}.categories_box .items{--width-item: 25%;--gap-vertical: var(--gap-grid)}.categories_box .item{overflow:hidden;flex-direction:row;align-items:center;border:1px solid var(--color-border);background-color:#fff;color:#1f2834;--color-heading: #000000}@media(hover: hover){.categories_box .item:hover img{transform:scale(1.1)}}.categories_box .image{width:80px;margin:5px 0 5px 15px}.categories_box .details{display:block;padding:10px 15px}@media(max-width: 1024px){.categories_box .items{--width-item: 33.333%}.categories_box .image{width:60px;margin-left:10px}.categories_box .details{padding:10px}}@media(max-width: 640px){.categories_box .items{--width-item: 50%}}@media(max-width: 420px){.categories_box .items{--width-item: 100%}}
/*# sourceMappingURL=categories.css.map */