.glass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:4rem 1rem}@media (max-width: 1024px){.glass-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.glass-grid{grid-template-columns:1fr}}.glass{position:relative;z-index:0;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);background-color:#ffffff1a;border-radius:2rem;border:1px solid rgba(255,255,255,.2);overflow:hidden;box-shadow:0 8px 24px #00000026,inset 0 1px 3px #ffffff4d,inset 0 -1px 3px #0003,inset 0 0 30px #ffffff0d}.glass:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(to bottom right,#ffffff40,#ffffff0d)}.glass-block{padding:2rem;text-align:center;min-height:150px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.glass--white{background-color:#ffffff1a;color:#000;box-shadow:0 8px 24px #ffffff26,inset 0 1px 3px #ffffff4d,inset 0 -1px 3px #0000001a}.glass--black{background-color:#0000004d;box-shadow:0 8px 24px #0006,inset 0 1px 3px #fff3,inset 0 -1px 3px #0000004d}.glass--blue{background-color:#3498db33;box-shadow:0 8px 24px #3498db4d,inset 0 1px 3px #fff3,inset 0 -1px 2px #3498db33}.glass--pink{background-color:#e74c3c33;box-shadow:0 8px 24px #e74c3c4d,inset 0 1px 3px #fff3,inset 0 -1px 2px #e74c3c33}.glass--green{background-color:#2ecc7133;box-shadow:0 8px 24px #2ecc714d,inset 0 1px 3px #fff3,inset 0 -1px 2px #2ecc7133}.glass--red{background-color:#ff634733;box-shadow:0 8px 24px #ff63474d,inset 0 1px 3px #fff3,inset 0 -1px 2px #ff634733}.glass--orange{background-color:#ffa50033;box-shadow:0 8px 24px #ffa5004d,inset 0 1px 3px #fff3,inset 0 -1px 2px #ffa50033}.glass--yellow{background-color:#ffdf0033;color:#000;box-shadow:0 8px 24px #ffdf004d,inset 0 1px 3px #fff3,inset 0 -1px 2px #ffdf0033}.glass--lime{background-color:#9acd3233;box-shadow:0 8px 24px #9acd324d,inset 0 1px 3px #fff3,inset 0 -1px 2px #9acd3233}.glass--teal{background-color:#00808033;box-shadow:0 8px 24px #0080804d,inset 0 1px 3px #fff3,inset 0 -1px 2px #00808033}.glass--purple{background-color:#8a2be233;box-shadow:0 8px 24px #8a2be24d,inset 0 1px 3px #fff3,inset 0 -1px 2px #8a2be233}.glass--gray{background-color:#80808033;box-shadow:0 8px 24px #8080804d,inset 0 1px 3px #fff3,inset 0 -1px 2px #80808033}.glass--brown{background-color:#8b451333;box-shadow:0 8px 24px #8b45134d,inset 0 1px 3px #fff3,inset 0 -1px 2px #8b451333}.glass-grid .glass h1,.glass-grid .glass h2,.glass-grid .glass h3,.glass-grid .glass h4,.glass-grid .glass p,.glass-grid .glass .btn,.glass-grid .glass .button{margin:0;line-height:1.5}.glass-grid .glass *+*{margin-top:.4rem}.glass-grid .glass .btn,.glass-grid .glass .button{color:#fff!important;background:#0000004d;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;box-shadow:0 6px 25px #0003;margin-top:1rem;display:inline-block;transition:all .3s ease}.glass-grid .glass .btn:hover,.glass-grid .glass .button:hover{background:#ffffff40;border-color:#fff6}
/*# sourceMappingURL=/cdn/shop/t/27/assets/glass-grid.css.map */