.mako-living-wall{--living-wall-tile-height: 44px;--living-wall-gap: 2px;--living-wall-max-width: 1180px;--living-wall-gradient-strength: .55;width:100%;overflow:hidden;padding:10px 0;background:#faf7f4}.mako-living-wall__grid{width:100%;max-width:var(--living-wall-max-width);margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--living-wall-gap);list-style:none;padding-inline:8px}.mako-living-wall__tile{display:flex;align-items:center;justify-content:center;height:var(--living-wall-tile-height);padding:0 16px;border-radius:3px;white-space:nowrap;background:color-mix(in srgb,#f5efe6 calc(100% - (var(--living-wall-gradient-strength) * 1%)),#d8c3b0 calc(var(--living-wall-gradient-strength) * 1%))}.mako-living-wall__tile:nth-child(9n+1){background:#faf7f4}.mako-living-wall__tile:nth-child(9n+2){background:#f5efe6}.mako-living-wall__tile:nth-child(9n+3){background:#f0e6d8}.mako-living-wall__tile:nth-child(9n+4){background:#eadfd1}.mako-living-wall__tile:nth-child(9n+5){background:#f3e3de}.mako-living-wall__tile:nth-child(9n+6){background:#ead0c8}.mako-living-wall__tile:nth-child(9n+7){background:#e4d2b8}.mako-living-wall__tile:nth-child(9n+8){background:#dcc9bc}.mako-living-wall__tile:nth-child(9n+9){background:#d8c3b0}.mako-living-wall__tile span{display:block;font-family:Montserrat,Arial,sans-serif;font-size:clamp(9px,.75vw,12px);font-weight:400;letter-spacing:.09em;line-height:1;color:#3a2f27;opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.mako-living-wall__tile.is-changing span{opacity:0;transform:translateY(3px)}.mako-living-wall__tile--mako{background:#f3e3d4}.mako-living-wall__tile--mako span{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(10px,.84vw,13.5px);font-weight:600;letter-spacing:.07em;color:#2e2019}@media(hover:hover)and (pointer:fine){.mako-living-wall__tile{transition:filter .22s ease,transform .22s ease,box-shadow .22s ease}.mako-living-wall__tile:hover{filter:brightness(1.045);transform:scale(1.01);box-shadow:0 1px 4px #3a2f271a}}.mako-living-wall{position:relative}.mako-living-wall:not(.mako-living-wall--no-shine):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 0%,transparent 42%,rgba(255,250,240,.55) 48%,rgba(255,250,240,.55) 52%,transparent 58%,transparent 100%);background-size:400% 100%;background-position:200% 0;animation:mako-living-wall-shine 10s ease-in-out infinite}.mako-living-wall--static:after{display:none}@keyframes mako-living-wall-shine{0%{background-position:200% 0}35%,to{background-position:-120% 0}}.mako-living-wall__tile--mako{position:relative}.mako-living-wall:not(.mako-living-wall--static):not(.mako-living-wall--no-shine) .mako-living-wall__tile--mako:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 1px #e8c79e00;opacity:0;animation:mako-living-wall-glow 11s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 1.7s)}@keyframes mako-living-wall-glow{0%,91%,to{opacity:0}94%{opacity:1}97%{opacity:0}}@media(min-width:1024px){.mako-living-wall{padding:12px 0}}@media(max-width:1023px)and (min-width:750px){.mako-living-wall{--living-wall-tile-height: calc(var(--living-wall-tile-height, 44px) - 4px);--living-wall-max-width: 100%}.mako-living-wall__tile span{font-size:clamp(9px,1.15vw,11px)}.mako-living-wall__tile--mako span{font-size:clamp(10px,1.3vw,12.5px)}}@media(max-width:749px){.mako-living-wall{padding:9px 0;--living-wall-max-width: 100%}.mako-living-wall__grid{padding-inline:6px}.mako-living-wall__tile{height:30px;padding:0 8px}.mako-living-wall__tile span{font-size:9px;letter-spacing:.045em}.mako-living-wall__tile--mako span{font-size:9.8px}.mako-living-wall__tile:nth-child(4n){display:none}}@media(prefers-reduced-motion:reduce){.mako-living-wall__tile span{transition:none!important;transform:none!important}.mako-living-wall:after,.mako-living-wall__tile--mako:after{animation:none!important;display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/mako-living-wall.css.map */