body .og-reference .om-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px;max-width:1180px;margin:8px auto 0;perspective:1200px}body .og-reference .om-card{--rx:0deg;--ry:0deg;--gx:50%;--gy:0%;--glare:0;--rot:-1.6deg;position:relative;display:block;padding:0;border-radius:20px;text-decoration:none;color:#fff;background:none;box-shadow:none;border:0;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;will-change:transform}body .og-reference .om-card:nth-child(3n+2){--rot:1.2deg}body .og-reference .om-card:nth-child(3n){--rot:-.9deg}body .og-reference .om-frame{position:relative;display:block;aspect-ratio:.82;border-radius:20px;overflow:hidden;isolation:isolate;transform:rotate(var(--rot)) translateZ(0);box-shadow:0 14px 28px #2a176033;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}body .og-reference .om-frame .om-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .9s cubic-bezier(.22,1,.36,1),filter .5s ease}body .og-reference .om-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#2a1668e6 0%,#3d2390a6 22%,#4b2b9533 44%,transparent 62%)}body .og-reference .om-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:var(--glare);mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx) var(--gy),#ffffffcc 0%,#ffffff33 26%,transparent 56%);transition:opacity .4s ease}body .og-reference .om-copy{position:absolute;inset:auto 0 0 0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 14px 24px;text-align:center;transform:translateZ(40px)}body .og-reference .om-copy h3{margin:0;color:#fff;font:700 clamp(17px,1.75vw,24px)/1.15 Poppins,Montserrat,sans-serif;letter-spacing:-.01em;text-shadow:0 2px 12px #1a0d4a80}body .og-reference .om-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:999px;font:600 15px/1 Poppins,Montserrat,sans-serif;color:#fff;background:linear-gradient(180deg,#9b7cf4,#7652e0 55%,#6441cf);box-shadow:0 1px #fff6 inset,0 -2px 6px #3a1f8a40 inset,0 6px 16px #3a1f8a55;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .35s}body .og-reference .om-btn svg{width:0;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;margin-left:-6px;transition:width .35s cubic-bezier(.22,1,.36,1),opacity .3s,margin .35s}body .og-reference .om-card:nth-child(3n+2) .om-btn{background:linear-gradient(180deg,#c49cf2,#a274e6 55%,#8d5fd8)}body .og-reference .om-card:nth-child(3n) .om-btn{background:linear-gradient(180deg,#8a6df0,#5d3fc9 55%,#4b2b95)}@media(hover:hover){body .og-reference .om-card:hover{transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-8px)}body .og-reference .om-card:hover .om-frame{transform:rotate(0) scale(1.02);box-shadow:0 28px 50px #2a176055}body .og-reference .om-card:hover .om-img{transform:scale(1.09)}body .og-reference .om-card:hover .om-btn{transform:translateY(-2px) scale(1.04);box-shadow:0 1px #ffffff80 inset,0 -2px 6px #3a1f8a40 inset,0 10px 22px #3a1f8a70}body .og-reference .om-card:hover .om-btn svg{width:14px;opacity:1;margin-left:0}}body .og-reference .om-card:focus-visible{outline:3px solid #7652e0;outline-offset:4px}body .og-reference .om-card:focus-visible .om-frame{transform:rotate(0) scale(1)}body .og-reference .om-card:active{transform:perspective(1100px) scale(.985);transition-duration:.15s}body .og-reference .om-grid.om-ready .om-card{opacity:0;translate:0 26px;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,opacity .7s ease calc(var(--i)*90ms),translate .8s cubic-bezier(.22,1,.36,1) calc(var(--i)*90ms)}body .og-reference .om-grid.om-ready.is-in .om-card{opacity:1;translate:0 0}@media(max-width:749px){body .og-reference .om-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin-top:4px}body .og-reference .om-card{padding:0;border-radius:14px}body .og-reference .om-frame{border-radius:14px;transform:rotate(var(--rot))}body .og-reference .om-copy{gap:8px;padding:0 8px 14px}body .og-reference .om-copy h3{font-size:15px}body .og-reference .om-btn{padding:7px 14px;font-size:12.5px}}@media(prefers-reduced-motion:reduce){body .og-reference .om-card,body .og-reference .om-frame,body .og-reference .om-img,body .og-reference .om-btn{transition:none!important}body .og-reference .om-grid.om-ready .om-card{opacity:1;translate:none}}body .og-reference .om-grid .om-card.is-tilting,body .og-reference .om-grid.om-ready .om-card.is-tilting{transition:transform .14s linear,box-shadow .45s ease,opacity .7s ease,translate .8s cubic-bezier(.22,1,.36,1)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/obi-mood-cards.css.map */