body.classic-blocks-scroll-locked{position:fixed;width:100%;overflow-y:scroll}.classic-blocks-wrapper{overflow:hidden;width:100%;padding:3rem 0}.classic-blocks-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}@media(max-width:749px){.classic-blocks-grid{grid-template-columns:repeat(4,1fr)}}.classic-blocks-cell{position:relative;aspect-ratio:1;z-index:1;cursor:pointer}.classic-blocks-panel{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;background-size:cover;background-position:center;overflow:hidden;transition:width .42s cubic-bezier(.4,0,.2,1),height .42s cubic-bezier(.4,0,.2,1)}.classic-blocks-cell[data-expand-x=left] .classic-blocks-panel{left:auto;right:0}.classic-blocks-cell[data-expand-y=up] .classic-blocks-panel{top:auto;bottom:0}@media(hover:hover)and (min-width:750px){.classic-blocks-cell:hover{z-index:2}.classic-blocks-cell:hover .classic-blocks-panel{width:calc(200% + 16px);height:calc(200% + 16px)}}.classic-blocks-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000004d,#00000038 25%,#0000000d);opacity:0;transition:opacity .1s ease 0s}@media(hover:hover)and (min-width:750px){.classic-blocks-cell:hover .classic-blocks-overlay{opacity:1;transition:opacity .25s ease .2s}}.classic-blocks-content{position:absolute;bottom:0;left:0;right:0;padding:28px 24px;display:flex;flex-direction:column;gap:8px;z-index:1;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .08s ease 0s,transform .08s ease 0s;max-width:300px}@media(max-width:749px){.classic-blocks-content{display:none}}@media(hover:hover)and (min-width:750px){.classic-blocks-cell:hover .classic-blocks-content{opacity:1;transform:translateY(0);transition:opacity .22s ease .28s,transform .22s ease .28s}}.classic-blocks-content-title{font-family:Kepler Std,serif;margin:0;font-size:2rem;font-style:normal;font-weight:700;line-height:1.4rem;color:#fff}.classic-blocks-content-text{font-family:Univers LT Std,sans-serif;margin:0;font-size:1rem;font-style:normal;font-weight:400;line-height:1.4rem;color:#fff;text-align:justify}.classic-blocks-content-button{font-family:Kepler Std,serif;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px;font-size:1.1rem;font-style:normal;font-weight:400;line-height:normal;text-transform:lowercase;text-decoration:none;color:#fff;background:#2a2a2a;border-radius:6px}@media(prefers-reduced-motion:reduce){.classic-blocks-panel,.classic-blocks-overlay,.classic-blocks-content{transition:none}}.classic-blocks-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.classic-blocks-drawer-backdrop.classic-blocks-drawer-backdrop--visible{opacity:1;pointer-events:auto}.classic-blocks-drawer{position:fixed;bottom:0;left:0;right:0;z-index:201;background:#fff;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);min-height:300px;max-height:85dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.classic-blocks-drawer.classic-blocks-drawer--open{transform:translateY(0)}.classic-blocks-drawer-header{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding:14px 20px 10px;position:relative;border-bottom:1px solid rgba(84,84,86,.34);min-height:70px}.classic-blocks-drawer-handle{width:36px;height:4px;border-radius:2px;background:#d0d0d0}.classic-blocks-drawer-close-button{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#7878801f;border:none;border-radius:50%;width:30px;height:30px;padding:0;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;line-height:0}.classic-blocks-drawer-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:12px 24px 48px;gap:12px}.classic-blocks-drawer-title{font-family:Kepler Std,serif;margin:0;font-size:2rem;font-style:normal;font-weight:700;line-height:1.4rem;color:#000}.classic-blocks-drawer-text{font-family:Univers LT Std,sans-serif;margin:0;font-size:1rem;font-style:normal;font-weight:400;line-height:1.4rem;color:#333}.classic-blocks-drawer-button{font-family:Kepler Std,serif;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 10px;margin-top:8px;font-size:1.4rem;font-style:normal;font-weight:400;line-height:normal;text-transform:lowercase;text-decoration:none;color:#fff;background:#2a2a2a;border-radius:6px}
/*# sourceMappingURL=/cdn/shop/t/856/assets/classic-color-blocks.css.map */