.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%}}@media(max-width:1024px){.swipe-on-mobile .multicolumn__inner{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;padding:0!important;scroll-padding:0 1rem!important}.swipe-on-mobile .multicolumn__inner .row{display:flex!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important}.swipe-on-mobile .multicolumn__inner .columns{flex:0 0 auto!important;width:auto!important;float:none!important;margin-right:1rem!important;scroll-snap-align:start!important}.swipe-on-mobile .multicolumn__inner .columns:first-child{margin-inline:1rem!important}.swipe-on-mobile .multicolumn__inner::-webkit-scrollbar{display:none}.section-multicolumn-collection .multicolumn .multicolumn__inner .multicolumn__column{max-width:85%!important;padding:16px!important;gap:16px!important}.section-multicolumn-collection .multicolumn .multicolumn__inner{margin-inline:.625rem}.section-multicolumn-collection .multicolumn .multicolumn__inner .row{justify-content:unset!important}.section-multicolumn-collection .multicolumn .multicolumn__inner .row .h4{font-size:16px!important}}@media only screen and (min-width:768px)and (max-width:1024px){.section-multicolumn-collection .multicolumn .multicolumn__inner .multicolumn__column{max-width:65%!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/multicolumn.css.map */