.text-boxes{--color-bg: rgb(var(--color-background));--color-text: rgb(var(--color-foreground));--hover-color-bg: rgb(var(--color-background));--hover-color-text: rgb(var(--color-foreground))}.text-boxes_grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem}.text-boxes_box{color:var(--color-text);background-color:var(--color-bg);display:flex;flex-direction:column;justify-content:center;position:relative;transition:.2s ease-in-out}@media screen and (min-width:750px){.text-boxes_grid{display:flex;flex-wrap:wrap;justify-content:center}.text-boxes_box{width:calc(100% / var(--columns) - 1rem)}.text-boxes_box.span-2{width:calc(100% / (var(--columns) / 1.5) - 1rem)}}.text-boxes_box.border-radius{border-radius:var(--border-radius-s)}.text-boxes_box.border{border:2px solid}.text-boxes_box.color-on-hover{background-color:transparent}.text-boxes_box.color-on-hover:hover{background-color:var(--color-bg)}.text-boxes_box.change-color-on-hover:hover{background-color:var(--hover-color-bg)}.text-boxes_box.change-color-on-hover:hover *{color:var(--hover-color-text)}.text-boxes_box *{color:var(--color-text)}.text-boxes_icon{margin:0 auto 2rem}.text-boxes_icon img{width:100%;height:auto}.text-boxes .subheading.bubble{width:fit-content;margin:0 auto;margin-bottom:calc(.8em + 2rem);min-width:12rem}.text-boxes_button{margin-top:3rem}@media screen and (min-width:750px){.text-boxes_button{margin-top:4rem}}.text-boxes_box .hover-accent.circle{width:7rem;height:7rem;text-transform:uppercase;font-size:.9rem;padding:.8rem;display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;top:-3rem;right:-1rem;opacity:0;transition:.2s ease-in-out}.text-boxes_box:hover .hover-accent{opacity:1}.text-boxes .hover-accent.hexagon{width:fit-content;max-width:100%;padding:.8rem 2rem;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:1.1rem;opacity:0}.text-boxes .hover-accent.hexagon svg{position:absolute;left:0;top:0;height:100%;width:auto;transform:translate(calc(-100% + 1px))}.text-boxes .hover-accent.hexagon svg.right{left:initial;right:0;transform:translate(calc(100% - 1px))}.text-boxes .text-boxes_box:hover .hover-accent.hexagon{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-text-boxes.css.map */