.benefits-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-bottom:var(--section-spacing-desktop, 0)}.benefits-grid.tooltip--expand .benefit{cursor:pointer}.benefits-grid__container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;position:relative;border-radius:20px}.benefits-grid__container:before{content:" ";display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5;background-color:var(--background-col);z-index:-1}.benefits-grid__container--bg-img:before{background-image:url(https://assets.digitalocean.com/labs/images/community_bg.png);background-repeat:no-repeat;background-position:center right;background-size:150%;background-image:url(//cdn.shopify.com/s/files/1/0316/8657/files/background-hero.png?v=1684243616)}@media screen and (max-width:1067px){.benefits-grid__container--bg-img:before{background-size:cover;background-position:center}}.benefits-grid__container.benefits-grid__container--grid{padding:7.5px 0}.benefits-grid__container.benefits-grid__container--grid .benefit{width:50%;max-width:unset;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.benefits-grid__container.benefits-grid__container--grid .benefit__image{width:30%}.benefits-grid__container.benefits-grid__container--grid .benefit__details{text-align:left}@media screen and (max-width:1067px){.benefits-grid__container.benefits-grid__container--grid .benefit{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:7.5px}}@media screen and (max-width:640px){.benefits-grid__container.benefits-grid__container--grid .benefit{width:100%;gap:15px}.benefits-grid__container.benefits-grid__container--grid .benefit__details h5{margin-bottom:10px}.benefits-grid__container.benefits-grid__container--grid .benefit__image{height:auto}}@media screen and (max-width:640px){.benefits-grid__container.benefits-grid__container--grid{gap:20px}}.benefits-grid__container.benefits-grid__container--row .benefit{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:10px;width:var(--benefits-grid__container--row-width);max-width:200px}.benefits-grid__container.benefits-grid__container--row .benefit__details{text-align:center}.benefits-grid__container--border{border:double black 1em;-o-border-image:url(https://cdn.shopify.com/s/files/1/0316/8657/files/stroke.png?v=1684242925) 25 25 stretch stretch;border-image:url(https://cdn.shopify.com/s/files/1/0316/8657/files/stroke.png?v=1684242925) 25 25 stretch stretch}.benefits-grid__container--border-simple{border:10px solid var(--color-border)}.benefits-grid__container--shadow{-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.1);box-shadow:0 0 5px #0000001a}.benefits-grid__container .benefit{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px}.benefits-grid__container .benefit__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:var(--block-height)}.benefits-grid__container .benefit__image img{-o-object-fit:contain;object-fit:contain}.benefits-grid__container .benefit__details{width:100%;margin:0;font-weight:500;line-height:1.3;font-size:16px}.benefits-grid__container .benefit__details p{margin:0}.benefits-grid__container .benefit__details--bold{font-weight:600}.benefits-grid__container .benefit--with-tooltip{position:relative}.benefits-grid__container .benefit--with-tooltip .benefit__tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1rem;line-height:1.4;bottom:10px;background-color:var(--bg-body, #ffffff);padding:15px;width:var(--grandparent-width);height:var(--grandparent-height);position:absolute;bottom:var(--grandparent-bottom);left:var(--grandparent-left);right:var(--grandparent-right);text-align:left;-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.1);box-shadow:0 0 5px #0000001a;border:1px solid var(--color-border);border-radius:4px;z-index:5;-webkit-transition:width .4s ease-in;transition:width .4s ease-in;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.benefits-grid__container .benefit--with-tooltip .benefit__tooltip--content{width:100%;-webkit-transition:opacity .5s ease-in .4s;transition:opacity .5s ease-in .4s;opacity:1}.benefits-grid__container .benefit--with-tooltip .benefit__tooltip .button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:20px;-webkit-transition:opacity .5s ease-in .4s;transition:opacity .5s ease-in .4s;opacity:1;min-height:40px}.benefits-grid__container .benefit--with-tooltip .benefit__tooltip.is-shrunk{width:0px;opacity:0;height:0;padding:0}.benefits-grid__container .benefit--with-tooltip .benefit__tooltip.is-shrunk .benefit__tooltip--content,.benefits-grid__container .benefit--with-tooltip .benefit__tooltip.is-shrunk .button{opacity:0}.benefits-grid__container .benefit--with-tooltip .benefit__details,.benefits-grid__container .benefit--with-tooltip .benefit__image{pointer-events:none}.benefits-grid__extra-image{width:250px;position:absolute;z-index:5}.benefits-grid__extra-image--bottom-right{bottom:5px;right:calc((100% - 1200px)/2 - 20px)}.benefits-grid__extra-image--bottom-center{bottom:5px;right:50%;left:50%;-webkit-transform:translate(-50%,0px);transform:translate(-50%)}.benefits-grid__extra-image--bottom-left{bottom:5px;left:calc((100% - 1200px)/2 - 20px)}@media screen and (max-width:1279px){.benefits-grid__extra-image--bottom-right{bottom:5px;right:0}.benefits-grid__extra-image--bottom-left{bottom:5px;left:0}}@media screen and (max-width:768px){.benefits-grid__extra-image--bottom-right,.benefits-grid__extra-image--bottom-left{bottom:-20px}}@media screen and (max-width:1067px){.benefits-grid--no-scroll .benefits-grid__container--row .benefit{width:33.3333333333%!important;max-width:unset!important}}@media screen and (max-width:768px){.benefits-grid--no-scroll .benefits-grid__container--row .benefit{width:50%!important}}.benefits-grid--scroll-mobile{position:relative}@media screen and (max-width:1067px){.benefits-grid--scroll-mobile .benefits-grid__container--row{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-self:flex-start;overflow:hidden;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.benefits-grid--scroll-mobile .benefits-grid__container--row::-webkit-scrollbar{display:none}.benefits-grid--scroll-mobile .benefits-grid__container--row .benefit{min-width:180px!important;max-width:200px!important}.benefits-grid--scroll-mobile .button{top:var(--top);position:absolute;z-index:1}.benefits-grid--scroll-mobile .button.prev{left:5px;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}.benefits-grid--scroll-mobile .button.next{-webkit-transform:translateY(-100%);transform:translateY(-100%);right:5px}}@media screen and (max-width:768px){.benefits-grid--scroll-mobile .is-hidden-mobile~.button--gradient-arrow{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-benefits.css.map */