.find-your-mat .find-your-mat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.find-your-mat .mat-overlay{position:absolute;bottom:0;left:0;right:0;background:#0003;text-align:center;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.find-your-mat .mat-title{font-family:Bree;font-weight:400;font-size:24px;line-height:32px;color:#fff;margin-bottom:8px}.find-your-mat .mat-subtitle{font-family:Rubik;font-weight:400;font-size:16px;line-height:24px;color:#fff;margin-bottom:10px}.find-your-mat .mat-button{padding:16px 24px;background:#9993c0;color:#fff;border-radius:5px;text-transform:uppercase;text-decoration:none;font-family:Rubik;font-weight:700;font-size:12px;line-height:18px}.find-your-mat .feature-text{color:#606060;font-family:Rubik;font-weight:500;font-size:14px;line-height:22px}.find-your-mat .feature{display:flex;align-items:center;padding:8px 10px;gap:10px}.find-your-mat .mat-image img{width:100%;height:auto}.find-your-mat .feature-icon img{max-width:50px;max-height:50px}.find-your-mat .feature--alt{background:#f9f9f9}.find-your-mat .mat-image{position:relative;overflow:hidden}@media (max-width: 1439px){.find-your-mat .find-your-mat-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-behavior:smooth;gap:16px;padding:0 16px}.find-your-mat .mat-overlay{pointer-events:none}.find-your-mat .mat-button{pointer-events:auto}.find-your-mat .find-your-mat-grid::-webkit-scrollbar{display:none}.find-your-mat .find-your-mat-grid .mat-item{flex:0 0 calc((100% - 105px)/3);scroll-snap-align:start}}@media (max-width: 768px){.find-your-mat .find-your-mat-grid .mat-item{flex:0 0 calc((100% - 105px)/2)}}@media (max-width: 428px){.find-your-mat .find-your-mat-grid .mat-item{flex:0 0 calc(100% - 105px)}.mat-dots-wrapper{display:flex;justify-content:center;margin-top:40px}.mat-dots{pointer-events:none;background-color:#e9e9e9;padding:16px 32px;border-radius:100px}.mat-dot{width:5px;height:5px;border-radius:50%;background:#00000080;border:none;padding:0;pointer-events:auto}.mat-dot:not(:last-child){margin-right:8px}.mat-dot.active{background:#000}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/find-your-mat.css.map */