.solstice__glasses-categories{display:flex;flex-direction:column;padding-left:40px;padding-right:40px;margin-bottom:60px}.solstice__glasses-categories-top{display:flex;margin-bottom:20px}.solstice__glasses-categories-top h2{margin:0;font-family:Inter;font-weight:500;font-style:Medium;font-size:18px;leading-trim:NONE;line-height:24px;letter-spacing:0;vertical-align:middle;text-transform:uppercase}.solstice__glasses-categories-bottom{display:flex;width:100%;gap:8px}.solstice__glasses-categories-bottom>div{display:flex;position:relative;max-width:50%;width:50%;overflow:hidden}.solstice__glasses-categories-bottom>div img{width:100%;height:100%;transition:transform .5s ease}.solstice__glasses-categories-bottom>div:hover img{transform:scale(1.1)}.solstice__glasses-categories-bottom>div img.mobile{display:none}.solstice__glasses-categories-bottom>div>a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.solstice__glasses-categories-bottom>div:hover .solstice__glasses-categories-text>a{transform:scale(1);opacity:1;pointer-events:auto;transform:translateY(28px)}.solstice__glasses-categories-bottom>div:hover .solstice__glasses-categories-text{bottom:0}.solstice__glasses-categories-text{position:absolute;width:100%;display:flex;align-items:center;flex-direction:column;margin-bottom:50px;bottom:-50px;transition:bottom .3s,gap .3s ease}.solstice__glasses-categories-text p{font-family:Inter;font-weight:500;font-style:Medium;font-size:36px;leading-trim:NONE;line-height:44px;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:uppercase;color:#fff;margin:0}.solstice__glasses-categories-text a{color:#fff;font-family:Inter;font-weight:500;font-style:Medium;font-size:15px;leading-trim:NONE;line-height:20px;letter-spacing:0;vertical-align:middle;text-transform:uppercase;padding:12px 32px;border:1px solid white;border-radius:4px;transform:translateY(50px);opacity:0;pointer-events:none;transition:transform .5s ease-in-out,opacity .5s ease-in-out,background-color .3s ease-in-out;z-index:5}.solstice__glasses-categories-text a:hover{background-color:#fff;color:#000}@media screen and (max-width: 1200px){.solstice__glasses-categories-bottom>div p{font-size:28px}}@media screen and (max-width: 786px){.solstice__glasses-categories{padding-left:24px;padding-right:24px}.solstice__glasses-categories-bottom>div p{font-size:20px}.solstice__glasses-categories-bottom>div img:not(.mobile){display:none}.solstice__glasses-categories-bottom>div img.mobile{display:block}.solstice__glasses-categories-text{padding-left:24px;padding-bottom:24px;margin-bottom:0;align-items:start;bottom:0;gap:18px}.solstice__glasses-categories-text p{font-family:Inter;font-weight:500;font-style:Medium;font-size:24px;leading-trim:NONE;line-height:32px;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:uppercase;margin-bottom:18px}.solstice__glasses-categories-text a{opacity:1;transform:scale(1);padding:10px 32px}}@media screen and (max-width: 600px){.solstice__glasses-categories{padding-left:16px;padding-right:16px}.solstice__glasses-categories-bottom{flex-direction:column}.solstice__glasses-categories-bottom>div{max-width:100%;width:100%}.solstice__glasses-categories-bottom>div p{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/solstice__glasses-categories.css.map */