.feature-arrows{position:relative}.feature-arrows .items{display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-template-areas:". first ." "fifth . second" "fourth . third";z-index:2;justify-items:center;align-items:start;position:relative}.feature-arrows .item{display:flex;min-height:160px}.feature-arrows .feature-text{font-weight:600}.feature-arrows details{position:relative}.feature-arrows summary>div{position:relative;display:flex;cursor:pointer;flex-wrap:nowrap}.feature-arrows summary.no-details>div{cursor:initial}.feature-arrows summary+div{position:absolute;top:calc(10px + 100%);left:0;padding:35px;color:rgb(var(--color-accent-2));border-radius:30px;border:1px solid rgb(var(--color-accent-2));background-color:rgb(var(--color-button-text));z-index:2;width:300px;font-size:1.2rem;box-shadow:0 14px 10px -5px #0000001a}.feature-arrows .item:nth-child(2) summary+div,.feature-arrows .item:nth-child(3) summary+div{right:0;left:unset}.feature-arrows .item:nth-child(1) summary>div,.feature-arrows .item:nth-child(2) summary>div,.feature-arrows .item:nth-child(3) summary>div{text-align:right}.feature-arrows .item-caret{flex:1 0 32px;border-radius:50%;width:32px;height:32px;border:2px solid rgb(var(--color-base-text));cursor:pointer;position:relative}.feature-arrows .item-caret:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-base-text));width:2px;height:50%;transition:height .3s}.feature-arrows .item-caret:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-base-text));height:2px;width:50%}.feature-arrows details[open] .item-caret:before{height:0}.feature-arrows .item:nth-child(1) .item-caret,.feature-arrows .item:nth-child(2) .item-caret,.feature-arrows .item:nth-child(3) .item-caret{margin-left:10px}.feature-arrows .item:nth-child(4) .item-caret,.feature-arrows .item:nth-child(5) .item-caret{order:-1;margin-right:10px}.feature-arrows .item:nth-child(1){grid-area:first;align-items:center;flex-direction:column}.feature-arrows .item:nth-child(2){grid-area:second;flex-direction:row-reverse}.feature-arrows .item:nth-child(2) img{transform:scaleX(-1) rotate(315deg)}.feature-arrows .item:nth-child(3){grid-area:third;flex-direction:row-reverse}.feature-arrows .item:nth-child(3) img{transform:translateY(-25px) rotate(169deg)}.feature-arrows .item:nth-child(4){grid-area:fourth}.feature-arrows .item:nth-child(4) img{transform:scaleX(-1) translateY(-14px) rotate(102deg)}.feature-arrows .item:nth-child(5){grid-area:fifth}.feature-arrows .image-container{position:absolute;left:50%;bottom:0;transform:translate(-50%)}.feature-arrows .image-container img{max-width:100%;display:block;object-fit:contain;height:auto;margin:0 auto}@media screen and (min-width: 750px){.feature-arrows .image-container img{max-width:60%}}@media screen and (max-width: 1300px) and (min-width: 1000px){.feature-arrows .image-container{bottom:9vh}}@media screen and (max-width: 1000px) and (min-width: 750px){.feature-arrows .image-container{bottom:17vh}}@media screen and (max-width: 750px){.feature-arrows .items{display:flex;flex-direction:column;align-items:center;justify-content:center}.feature-arrows .item:nth-child(1),.feature-arrows .item:nth-child(2),.feature-arrows .item:nth-child(3),.feature-arrows .item:nth-child(4),.feature-arrows .item:nth-child(5){grid-area:unset;flex-direction:row;text-align:center;min-height:unset;margin-bottom:20px}.feature-arrows .item .feature-text summary{text-align:center}.feature-arrows .item-caret{flex:unset}.feature-arrows .item:nth-child(4) .item-caret,.feature-arrows .item:nth-child(5) .item-caret{order:1;margin-left:10px}.feature-arrows .item img{display:none}.feature-arrows .item summary>div{justify-content:center;margin-bottom:10px}.feature-arrows summary+div{position:static;padding:35px;color:rgb(var(--color-accent-2));border-radius:30px;border:1px solid rgb(var(--color-accent-2));background-color:rgb(var(--color-button-text));z-index:2;width:auto;font-size:1.2rem;box-shadow:0 14px 10px -5px #0000001a}.feature-arrows .image-container{position:static;transform:unset}.feature-arrows .image-container img{max-width:100%;display:block;object-fit:contain;height:auto;margin:0 auto}}.feature-arrows-with-text .items{display:flex;flex-wrap:wrap;column-gap:20px;align-items:stretch}.feature-arrows-with-text .items .item:nth-child(1){order:1;flex-basis:calc(50% - 20px);flex-direction:column;align-items:flex-end}.feature-arrows-with-text .items .item:nth-child(2){order:2;flex-basis:calc(50% - 20px);flex-direction:column;align-items:flex-start}.feature-arrows-with-text .items .item:nth-child(3){order:3;flex-basis:calc(33.33% - 40px);flex-direction:row;justify-content:flex-end;align-items:center}.feature-arrows-with-text .items .item:nth-child(4){order:5;flex-basis:calc(33.33% - 40px);flex-direction:row-reverse;justify-content:flex-start;align-items:center}.feature-arrows-with-text .items .item:nth-child(5){order:6;flex-basis:calc(50% - 20px);flex-direction:column-reverse;align-items:flex-end}.feature-arrows-with-text .items .item:nth-child(6){order:7;flex-basis:calc(50% - 20px);flex-direction:column-reverse;align-items:flex-start}.feature-arrows-with-text .items .item:nth-child(7).text-container{order:4;flex-basis:calc(33.33% - 40px);align-items:center;justify-content:center;background-color:rgb(var(--color-caption));color:#fff;border-radius:50%}.feature-arrows-with-text .feature-text{border:2px solid rgb(var(--color-caption));max-width:400px}.feature-arrows-with-text h3{border-bottom:2px solid rgb(var(--color-caption));padding:1rem;margin:0;line-height:1}.feature-arrows-with-text .feature-details{padding:1rem}.feature-arrows-with-text .feature-arrow path{fill:rgb(var(--color-caption))}.feature-arrows-with-text .item:nth-child(1) .feature-arrow{transform:translate(-100px) rotate(330deg)}.feature-arrows-with-text .item:nth-child(2) .feature-arrow{transform:translate(100px) rotate(30deg)}.feature-arrows-with-text .item:nth-child(3) .feature-arrow{transform:rotate(270deg)}.feature-arrows-with-text .item:nth-child(4) .feature-arrow{transform:rotate(90deg)}.feature-arrows-with-text .item:nth-child(5) .feature-arrow{transform:translate(-100px) rotate(210deg)}.feature-arrows-with-text .item:nth-child(6) .feature-arrow{transform:translate(100px) rotate(150deg)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/feature-arrows.css.map */