.text-with-icon-list{display:grid;grid-template-columns:repeat(4,1fr)}.text-with-icon-list:not(.style-square):not(.style-transparent){--item-offset: 66px;margin-left:calc(var(--item-offset) * 1)}.text-with-icon-item{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--card-radius);transition:transform .6s ease,background-color 0s ease,border 0s ease,box-shadow .3s ease-out}.text-with-icon-list:not(.style-circle) .text-with-icon-item{border-width:1px;border-style:solid;border-color:var(--card-border)}.text-with-icon-list:not(.style-circle):not(.style-transparent) .text-with-icon-item:hover{border-style:dashed}.text-with-icon-list:not(.style-square):not(.style-transparent) .text-with-icon-item{aspect-ratio:1;border-radius:100%;width:calc(100% + var(--item-offset));margin-left:calc(var(--item-offset) * -1);border:1px dashed var(--card-border)}.text-with-icon-list:not(.style-square):not(.style-transparent) .text-with-icon-item:hover{z-index:9;border-style:solid;background:var(--card-alternate-background)}.text-with-icon-list.style-transparent .text-with-icon-item-inner{padding:30px;width:100%;height:100%}.text-with-icon-list.style-square .text-with-icon-item-inner{--card-height: 200px;width:100%;height:100%;display:grid;max-height:var(--card-height);transition:transform .4s ease;grid-template-rows:repeat(3,minmax(calc(var(--card-height) / 2),1fr))}.text-with-icon-list.style-square .text-with-icon-item:has(.text-with-icon-contentwrap):hover .text-with-icon-item-inner{transform:translateY(calc(var(--card-height) / 2 * -1))}.text-with-icon-list.style-square .text-with-icon-iconwrap{margin-bottom:0;display:flex;padding:30px}.text-with-icon-list.style-square .text-with-icon-title{padding:30px;display:flex;align-items:flex-end}.text-with-icon-list.style-square .text-with-icon-title>*{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}.text-with-icon-list.style-square .text-with-icon-item:has(.text-with-icon-contentwrap):hover .text-with-icon-title{align-items:flex-start}.text-with-icon-list:not(.style-circle) .text-with-icon-contentwrap{padding:30px;position:relative;isolation:isolate}.text-with-icon-list.style-square .text-with-icon-contentwrap{display:flex;overflow:hidden;overflow-y:auto;margin-bottom:10px;padding:0 30px}.text-with-icon-list:not(.style-square):not(.style-transparent) .text-with-icon-item-inner{padding:20px 70px;text-align:center}.text-with-icon-list.style-transparent .text-with-icon-contentwrap{padding:30px 0 0}.text-with-icon-iconwrap{--svg-wrapper-size: 65px;margin:0 0 24px;display:inline-flex;color:var(--card-text)}.text-with-icon-iconwrap .media{border-radius:4px;width:var(--svg-wrapper-size);min-height:var(--svg-wrapper-size)}.text-center .text-with-icon-iconwrap{margin:0 auto 24px}.text-right .text-with-icon-iconwrap{margin:0 0 24px auto}@media (max-width:767px){.text-with-icon-list{grid-template-columns:repeat(2,1fr);gap:20px}.text-with-icon-list:not(.style-square):not(.style-transparent) .text-with-icon-item-inner{padding:20px}.text-with-icon-list:not(.style-square):not(.style-transparent){--item-offset: 0}}@media (max-width:575px){.text-with-icon-list{grid-template-columns:1fr}}@media (min-width:768px){.text-with-icon-list:not(.style-circle){gap:var(--gap, 30px)}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/text-with-icon.css.map */