.multicolumn__column{margin-bottom:40px}.multicolumn__image{position:relative;width:100%;overflow:hidden;padding-bottom:var(--ratio-percent);margin-bottom:28px}.multicolumn__image.aspect-ratio--portrait{padding-bottom:125%}.multicolumn__image.aspect-ratio--square,.multicolumn__image.aspect-ratio--circle{padding-bottom:100%}.multicolumn__image.aspect-ratio--circle{border-radius:50%}.multicolumn__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.multicolumn h4{margin-bottom:8px}.multicolumn p{margin-bottom:12px}@media only screen and (max-width:767px){.multicolumn.swipe-on-mobile .row{display:grid;grid-gap:0;grid-auto-flow:column;grid-auto-columns:minmax(calc(90vw - 15px),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(calc(90vw - 15px),1fr));scroll-snap-type:x mandatory;scrollbar-width:none}.multicolumn.swipe-on-mobile .row::-webkit-scrollbar{display:none}.multicolumn.swipe-on-mobile .row .columns{scroll-snap-align:center;scroll-snap-stop:always}}.multicolumn.swipe-on-mobile .multicolumn__column{margin-bottom:0}.multicolumn.text-center .rte{padding:0 15px}@media only screen and (min-width:768px){.medium-1\/5{flex:0 0 20%;max-width:20%}}.magsafe-bundle .multicolumn__inner{margin-bottom:30px}.magsafe-bundle.custom-collection-section .multicolumn__column h4{line-height:normal;margin-bottom:8px}.magsafe-bundle.custom-collection-section .multicolumn__column p{max-width:28rem}.magsafe-bundle .title-btn-wrap{background:#fdefdf;display:flex;padding:20px;justify-content:space-between;border-bottom-left-radius:6px;border-bottom-right-radius:6px;flex:1}.magsafe-bundle .title-btn-wrap svg{width:49px;height:49px;transition:transform .3s ease}.magsafe-bundle .multicolumn__column:hover a.text-button svg{transform:translate(.25rem)}.magsafe-bundle .text-button:before,.magsafe-bundle .text-button:after{display:none}.magsafe-bundle.custom-collection-section .multicolumn__image{margin-bottom:0}.magsafe-bundle.custom-collection-section .text-button{margin:0;position:static}.magsafe-bundle .multicolumn__column figure.multicolumn__image img{transition:transform .5s ease}.magsafe-bundle .multicolumn__column:hover figure.multicolumn__image img{transform:scale(1.03)}.magsafe-bundle.custom-collection-section .multicolumn__column{position:relative;display:flex;flex-direction:column}.magsafe-bundle.custom-collection-section .text-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;display:block;cursor:pointer;pointer-events:auto;background:transparent}.trusted-section .section-header{max-width:1360px;margin-bottom:30px;position:relative}.trusted-section .section-header:before{content:"";position:absolute;left:40px;right:40px;border:1px solid rgba(var(--color-accent-rgb),.12);top:16px}.trusted-section .section-header:not(:has(.rte.multicolumn-subheading)):before{content:none}.trusted-section.multicolumn .multicolumn-subheading{display:inline-block;background-color:#eceae9;border-radius:20px;font-size:15px;padding:3px 20px;margin-bottom:15px;z-index:1;position:relative;outline:10px solid #fff}.trusted-section .multicolumn__column-content{background-color:rgba(var(--color-accent-rgb),.05);padding:20px;height:100%}.trusted-section .multicolumn__column-content .multicolumn__image{margin-bottom:20px}.trusted-section .multicolumn__column-content .h4{font-size:20px;line-height:1.4}.trusted-section .multicolumn__column-content .rte{padding-inline:0;font-size:15px;line-height:1.4}.trusted-section .multicolumn__column-content .rte>:last-child{margin-block-end:0}.trusted-section .multicolumn__column-content .rte p{line-height:inherit}.trusted-section .row{row-gap:20px}.trusted-section .row .columns{margin-bottom:0}@media only screen and (min-width:768px){.trusted-section .row{padding:0 35px}.trusted-section .row .columns{padding:0 5px}.magsafe-bundle .row{padding:0 32px}}@media only screen and (max-width:989px){.trusted-section .multicolumn__column-content{padding:10px 10px 18px}.trusted-section .multicolumn__column-content .multicolumn__image{margin-bottom:14px}.trusted-section .multicolumn__column-content .h4{font-size:17px}.trusted-section .multicolumn__column-content .rte{font-size:13px}}@media only screen and (max-width:767px){.magsafe-bundle.custom-collection-section .multicolumn__column{margin-bottom:20px}.magsafe-bundle .multicolumn__inner{margin-bottom:40px}.magsafe-bundle .title-btn-wrap svg{width:40px;height:40px}.trusted-section .section-header:before{left:13px;right:13px}.trusted-section.multicolumn .multicolumn-subheading{font-size:13px;padding:2px 15px;margin-bottom:6px}.trusted-section .section-header{margin-bottom:16px}}.shop-by-design .multicolumn__column-content .multicolumn__image{margin-bottom:1rem}.shop-by-design .multicolumn__column-content .button{background-color:transparent;color:var(--color-accent2);padding:0;text-decoration:underline;height:auto;margin-top:.8rem;box-shadow:none}.shop-by-design .multicolumn__column-content .button:after,.shop-by-design .multicolumn__column-content .button:before{display:none!important}.title-override-image .multicolumn__column-content{position:relative}.title-override-image .multicolumn__column-content .h4{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;background-color:rgba(var(--color-overlay-rgb),.4);margin:0;padding:10px;justify-content:center;color:var(--clr-white)}.title-override-image .multicolumn__column-content .multicolumn__image{margin-bottom:0}.title-override-image .multicolumn__column-content{padding:0}.title-override-image .multicolumn__column-content .multicolumn__image img{transition:all 1s cubic-bezier(.104,.204,.492,1);display:block;will-change:scale}.title-override-image .multicolumn__column-content:hover .multicolumn__image img{transform:scale(1.05)}.section-multicolumn:has(.title-override-image){background-color:var(--color-accent3)}.multicolumn__image.aspect-ratio--small-circle{padding-bottom:0;width:70px;height:70px;border-radius:50%;background-color:#fff;border:1px solid #ddd}.multicolumn__image.aspect-ratio--small-circle img{padding:16px}.multicolumn .multicolumn__column-content:has(.aspect-ratio--small-circle){background-color:#f6f6f0}@media only screen and (max-width:767px){.multicolumn__image.aspect-ratio--small-circle{width:50px;height:50px}.multicolumn__image.aspect-ratio--small-circle img{padding:10px}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/multicolumn.css.map */