.intec-sections.standard .blocks-extended-3-wrapper { position: relative; } .intec-sections.standard .blocks-extended-3 { display: grid; gap: 24px; } .intec-sections.standard .blocks-extended-3[data-columns="3"] { grid-template: auto/repeat(3, 1fr); } .intec-sections.standard .blocks-extended-3[data-columns="4"] { grid-template: auto/repeat(4, 1fr); } .intec-sections.standard .blocks-extended-3[data-columns="5"] { grid-template: auto/repeat(5, 1fr); } @media (max-width: 1200px) { .intec-sections.standard .blocks-extended-3[data-columns="5"] { grid-template: auto/repeat(4, 1fr); } } @media (max-width: 768px) { .intec-sections.standard .blocks-extended-3[data-columns] { grid-template-columns: calc(33% - 20px); grid-auto-columns: calc(33% - 20px); grid-auto-flow: column; gap: 16px; overflow: auto visible; } @supports (scrollbar-color: transparent transparent) { .intec-sections.standard .blocks-extended-3[data-columns] { scrollbar-color: transparent transparent; } } @supports not (scrollbar-color: transparent transparent) { .intec-sections.standard .blocks-extended-3[data-columns]::-webkit-scrollbar { display: none; } } } @media (max-width: 550px) { .intec-sections.standard .blocks-extended-3[data-columns] { grid-template-columns: calc(100% - 32px); grid-auto-columns: calc(100% - 32px); } } @media (max-width: 400px) { .intec-sections.standard .blocks-extended-3[data-columns] { grid-template-columns: calc(100% - 32px); grid-auto-columns: calc(100% - 32px); } } .intec-sections.standard .blocks-extended-3 .item { position: relative; background-color: var(--color-neutral-bright); border: 1px solid var(--color-neutral-semi-bright); border-radius: 2px; transition-duration: var(--duration-base); transition-property: background-color, border-color, box-shadow; } @media (min-width: 769px) { .intec-sections.standard .blocks-extended-3 .item:hover { background-color: var(--color-neutral-bright); border-color: var(--color-neutral-bright); box-shadow: var(--shadow-dark); } } .intec-sections.standard .blocks-extended-3 .item[data-bg=gray] { background-color: var(--color-neutral-quarter-bright); border-color: var(--color-neutral-quarter-bright); } @media (min-width: 769px) { .intec-sections.standard .blocks-extended-3 .item[data-bg=gray]:hover { background-color: var(--color-neutral-quarter-bright); border-color: var(--color-neutral-quarter-bright); } } .intec-sections.standard .blocks-extended-3 .item picture { max-width: 140px; aspect-ratio: 1/1; margin: 0 auto; } @media (max-width: 768px) { .intec-sections.standard .blocks-extended-3 .item picture { max-width: none; width: 100%; } } .intec-sections.standard .blocks-extended-3 .item picture img { display: block; object-fit: cover; width: 100%; height: 100%; border-radius: 2px; } .intec-sections.standard .blocks-extended-3 .item-content { display: flex; flex-direction: column; height: 100%; padding: 32px 24px; text-align: center; text-decoration: none; } .intec-sections.standard .blocks-extended-3 .item-svg { width: 85px; height: 85px; margin: 0 auto; } .intec-sections.standard .blocks-extended-3 .item-svg svg { display: block; width: 100%; height: 100%; fill: var(--color-primary-base); stroke: var(--color-primary-base); transition-duration: var(--duration-base); transition-property: fill, stroke; } .intec-sections.standard .blocks-extended-3 .item-name { padding-top: 24px; font-family: var(--font-family-base-second), sans-serif; font-size: 1.286rem; line-height: 1.4; color: var(--color-neutral-dark); transition-duration: var(--duration-base); transition-property: color; } .intec-sections.standard .blocks-extended-3 .item-count { padding-top: 4px; font-size: 1rem; line-height: 1.6; color: var(--color-neutral-semi-dark); } .intec-sections.standard .blocks-extended-3 .item-sections { position: absolute; inset: -1px; padding: 24px 16px 24px 24px; background-color: var(--color-neutral-bright); border-radius: 2px; text-align: left; opacity: 0; transition-duration: var(--duration-base); transition-property: opacity; } .intec-sections.standard .blocks-extended-3 .item-sections:hover { opacity: 1; } .intec-sections.standard .blocks-extended-3 .item-sections-wrapper { display: flex; flex-direction: column; overflow-y: auto; height: 100%; } @supports (scrollbar-width: thin) { .intec-sections.standard .blocks-extended-3 .item-sections-wrapper { scrollbar-width: thin; } } @supports selector(::-webkit-scrollbar) { .intec-sections.standard .blocks-extended-3 .item-sections-wrapper { scrollbar-width: unset; } .intec-sections.standard .blocks-extended-3 .item-sections-wrapper::-webkit-scrollbar { width: 4px; } .intec-sections.standard .blocks-extended-3 .item-sections-wrapper:hover::-webkit-scrollbar-track { border-right: 2px solid var(--color-neutral-semi-bright); } .intec-sections.standard .blocks-extended-3 .item-sections-wrapper:hover::-webkit-scrollbar-thumb { border-right: 2px solid var(--color-neutral-quarter-dark); } } .intec-sections.standard .blocks-extended-3 .item-sections-wrapper > a { text-decoration: none; transition-duration: var(--duration-base); transition-property: color; } .intec-sections.standard .blocks-extended-3 .item-sections-wrapper > a:hover { color: var(--color-primary-bright); } .intec-sections.standard .blocks-extended-3 .item-sections-header { margin-bottom: 8px; font-size: 1.15rem; font-weight: 500; line-height: 1.6; color: var(--color-neutral-dark); } @media (max-width: 768px) { .intec-sections.standard .blocks-extended-3 .item-sections { display: none; } } .intec-sections.standard .blocks-extended-3 .item-section { font-size: 1rem; line-height: 1.6; color: var(--color-neutral-semi-dark); } .intec-sections.standard .blocks-extended-3 .item-section:not(:nth-child(2)) { margin-top: -20px; } .intec-sections.standard .blocks-extended-3 .item > a:hover .item-name { color: var(--color-primary-bright); } /*# sourceMappingURL=style.css.map */ @media (max-width: 768px) { .intec-sections.standard .blocks-extended-3-arrow { position: absolute; top: -20px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--color-neutral-semi-bright); background-color: var(--color-neutral-bright); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; } .intec-sections.standard .blocks-extended-3-arrow_prev { right: 48px; } .intec-sections.standard .blocks-extended-3-arrow_next { right: 8px; } .intec-sections.standard .blocks-extended-3-arrow::before { content: '›'; font-size: 18px; line-height: 1; color: var(--color-neutral-semi-dark); } .intec-sections.standard .blocks-extended-3-arrow_prev::before { content: '‹'; } } @media (min-width: 769px) { .intec-sections.standard .blocks-extended-3-arrow { display: none; } }