.supply-chain-tiers{overflow:hidden}.supply-chain-tiers__header{margin-bottom:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.supply-chain-tier__slide{position:relative;overflow:hidden}.supply-chain-tier__card{position:relative;width:100%;height:100%;display:block;background-color:#f4f4f4}.supply-chain-tier__image{width:100%;height:100%;object-fit:cover;display:block}.supply-chain-tier__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;transition:background .3s ease;z-index:1}.supply-chain-tier__card:hover .supply-chain-tier__overlay{background:#000000bf}.supply-chain-tier__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:2.5rem 2rem;z-index:2;color:#fff;display:flex;flex-direction:column}.supply-chain-tier__tier{font-size:1rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-weight:500;opacity:.9}.supply-chain-tier__top{transition:all .4s ease;opacity:1;visibility:visible;transform:translateY(0)}.supply-chain-tier__card:hover .supply-chain-tier__top{opacity:0;visibility:hidden;transform:translateY(-15px)}.supply-chain-tier__title{font-size:1.8rem;margin:0;color:#fff;font-weight:600;line-height:1.2}.supply-chain-tier__hover-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:2.5rem 2rem;opacity:0;visibility:hidden;transform:translateY(15px);transition:all .4s ease;font-size:1rem;line-height:1.5;color:#ffffffd9;display:flex;align-items:center;justify-content:center;text-align:center}.supply-chain-tier__card:hover .supply-chain-tier__hover-content{opacity:1;visibility:visible;transform:translateY(0)}.supply-chain-tiers .splide__arrow{background:#ffffffe6;border-radius:50%;width:44px;height:44px;box-shadow:0 4px 12px #0000001a;transition:background .2s ease}.supply-chain-tiers .splide__arrow:hover{background:#fff}.supply-chain-tiers .splide__arrow svg{width:16px;height:16px;fill:#111}.supply-chain-tiers__slider{padding-bottom:40px}.supply-chain-tiers .splide__pagination{bottom:-28px}.supply-chain-tiers .splide__pagination__page{background:transparent;border:1px solid #000;width:10px;height:10px;margin:3px;opacity:1}.supply-chain-tiers .splide__pagination__page.is-active{background:#000;border-color:#000;transform:none}.placeholder-svg.supply-chain-tier__image{fill:#ccc;padding:2rem}@media only screen and (max-width:749px){.supply-chain-tier__content,.supply-chain-tier__hover-content{padding:1.5rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/supply-chain-tiers.css.map */