.mattress-layers-section{padding:4rem 2rem;text-align:center}.layers-heading{font-size:4rem;font-weight:700}.layers-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem}@media (min-width: 768px){.layers-container{flex-direction:row;align-items:center;justify-content:center;gap:1.5rem}.layers-image-column-wrapper,.layers-description-column{flex:0 1 auto;display:flex;align-items:center;margin:0}.layers-container{justify-content:center}.layers-description-column{padding-left:0;margin-left:1rem}}.layers-image-column-wrapper{width:auto}.layers-image-column{position:relative;max-width:500px;transition:transform .3s ease}.main-layer-image{width:100%;height:auto;display:block;margin:0 auto}.layer-marker{position:absolute;transform:translate(-50%,-50%);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s ease}.layer-marker:hover{transform:translate(-50%,-50%) scale(1.1)}.layers-description-column{max-width:500px;text-align:left;display:flex;flex-direction:column;justify-content:center}.layer-description{display:none;flex-direction:column;gap:1rem;animation:fadeIn .3s ease-in-out}.layer-description.active{display:flex}.layer-description-inner{display:flex;align-items:center;gap:.75rem}.layer-text h3{margin:0;font-size:1.2rem;font-weight:600}.layer-text p{margin:.5rem 0 0;font-size:1rem}.layer-image{max-width:100%;border:1px solid #ccc;opacity:0;animation:fadeInImage .4s forwards}.ping-circle{position:absolute;width:2.25rem;height:2.25rem;border-radius:9999px;background-color:#ff000080;animation:pingSlow 2s cubic-bezier(0,0,.2,1) infinite;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}@keyframes pingSlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.layer-text h3{font-size:4rem}.layer-text p{font-size:2rem}@media (min-width: 768px){.layer-marker{position:absolute;transform:translate(-50%,-50%);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;font-size:2rem;cursor:pointer;transition:transform .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/image-layers-section.css.map */