.hoyostar-grid-v6.hoyostar-hover-grid-wrapper{padding-top:var(--hyo-padding-top);padding-bottom:var(--hyo-padding-bottom);overflow-y:visible;overflow-x:hidden}@media screen and (max-width:749px){.hoyostar-grid-v6.hoyostar-hover-grid-wrapper{padding-top:var(--hyo-padding-top-mobile);padding-bottom:var(--hyo-padding-bottom-mobile)}}@media screen and (min-width:990px){.hoyostar-grid-v6.hoyostar-full{max-width:1900px;width:100%;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;box-sizing:border-box}}.hoyostar-grid-v6 .hoyostar-hover-grid{--grid-gap: var(--hyo-grid-gap);--corner-radius: var(--hyo-corner-radius);--card-bg: var(--hyo-bg);--title-size: var(--hyo-title-font-size);--subtext-size: var(--hyo-subtext-font-size);display:grid;gap:var(--grid-gap);padding-top:40px;padding-bottom:40px;grid-template-columns:repeat(var(--hyo-columns-mobile),1fr)}@media screen and (min-width:750px)and (max-width:989px){.hoyostar-grid-v6 .hoyostar-hover-grid{grid-template-columns:repeat(var(--hyo-columns-tablet),1fr)}}@media screen and (min-width:990px){.hoyostar-grid-v6 .hoyostar-hover-grid{--subtext-size: 14px}}@media screen and (min-width:990px)and (max-width:1399px){.hoyostar-grid-v6 .hoyostar-hover-grid{grid-template-columns:repeat(4,1fr)}.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(odd){--stagger-y: 16px}.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(2n){--stagger-y: -16px}}@media screen and (min-width:1400px){.hoyostar-grid-v6 .hoyostar-hover-grid{grid-template-columns:repeat(6,1fr)}.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(odd){--stagger-y: 24px}.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(2n){--stagger-y: -24px}}.hoyostar-grid-v6 .hoyostar-hover-grid__card{--stagger-y: 0px;--lift-y: 0px;--move-x: 0px;--scale: 1;--entrance-offset: 0px;--entrance-depth: 0px;--entrance-opacity: 1;--shadow-opacity: .05;--shadow-y: 10px;--shadow-blur: 20px;--border-alpha: .08;display:flex;flex-direction:column;text-decoration:none;background:var(--card-bg);color:rgb(var(--color-foreground));border-radius:var(--corner-radius);position:relative;overflow:hidden;aspect-ratio:4 / 5;border:1px solid rgba(var(--color-foreground),var(--border-alpha));transform:translate3d(var(--move-x),calc(var(--stagger-y) + var(--lift-y) + var(--entrance-offset)),var(--entrance-depth)) scale(var(--scale));opacity:var(--entrance-opacity);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-color .3s ease;box-shadow:0 var(--shadow-y) var(--shadow-blur) rgba(0,0,0,var(--shadow-opacity));cursor:pointer}.hoyostar-grid-v6 .hoyostar-hover-grid__card.is-visible{--entrance-offset: 0px;--entrance-depth: 0px;--entrance-opacity: 1}@media(hover:hover){.hoyostar-grid-v6 .hoyostar-hover-grid__card:hover{--lift-y: -12px;--scale: 1.02;--shadow-y: 30px;--shadow-blur: 60px;--shadow-opacity: .12;--border-alpha: .2;z-index:10}@media screen and (min-width:1400px){.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(6n+1):hover,.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(6n+2):hover,.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(6n+3):hover{--move-x: 4px}.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(6n+4):hover,.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(6n+5):hover,.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(6n+6):hover{--move-x: -4px}}}.hoyostar-grid-v6 .hoyostar-cursor-tracker{position:absolute;top:0;left:0;width:56px;height:56px;pointer-events:none;z-index:15;display:block;will-change:transform;transform:translate3d(-100px,-100px,0)}.hoyostar-grid-v6 .hoyostar-cursor-icon{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#6d388b 5%,#fff);box-shadow:none;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}.hoyostar-grid-v6 .hoyostar-cursor-icon svg{width:24px;height:24px;display:block;stroke:#fff;stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.hoyostar-grid-v6 .hoyostar-hover-grid__card:hover .hoyostar-cursor-icon{opacity:1;transform:scale(1)}.hoyostar-grid-v6 .hoyostar-hover-grid__card-text{position:absolute;bottom:12px;left:12px;right:12px;z-index:20;background:#ffffff24;-webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%);border:1px solid rgba(255,255,255,.32);border-radius:24px;box-shadow:none;padding:6px 10px}.hoyostar-grid-v6 .hoyostar-hover-grid__card-title{margin:0;font-size:var(--title-size);font-weight:600;line-height:1.2;letter-spacing:-.01em}.hoyostar-grid-v6 .hoyostar-hover-grid__card-subtext{margin:4px 0 0;font-size:var(--subtext-size);font-weight:500;opacity:1;letter-spacing:.02em;text-transform:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hoyostar-grid-v6 .hoyostar-hover-grid__card-image{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden;background-color:#00000008}.hoyostar-grid-v6 .hoyostar-hover-grid__card-image img{width:100%;height:100%;position:relative;z-index:1;object-fit:cover;display:block;transform-origin:center center;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .3s}.hoyostar-grid-v6 .hoyostar-hover-grid__card:hover .hoyostar-hover-grid__card-image img{transform:scale(1.06)}.hoyostar-grid-v6 .hoyostar-hover-grid__card-image .cover-image.is-hidden{opacity:0}.hoyostar-grid-v6 .hoyostar-hover-grid__card-image img.hover-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2}.hoyostar-grid-v6 .hoyostar-hover-grid__card-image img.hover-image.is-active{opacity:1}.hoyostar-grid-v6 .hoyostar-hover-grid__card-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hyo-overlay-color, transparent);opacity:var(--hyo-overlay-opacity, 0);pointer-events:none;z-index:3}@media screen and (min-width:750px)and (max-width:989px){.hoyostar-grid-v6 .hoyostar-hover-grid__card-title{font-size:calc(var(--title-size) * .9)}.hoyostar-grid-v6 .hoyostar-hover-grid__card-subtext{font-size:calc(var(--subtext-size) * .9)}}@media screen and (max-width:749px){.hoyostar-grid-v6.hoyostar-hover-grid-wrapper{padding-left:16px;padding-right:16px}.hoyostar-grid-v6.hoyostar-full{max-width:100%;width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}.hoyostar-grid-v6 .hoyostar-hover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hoyostar-grid-v6 .hoyostar-hover-grid__card{--stagger-y: 0px;--lift-y: 0px !important;--move-x: 0px !important;--scale: 1 !important}.hoyostar-grid-v6 .hoyostar-hover-grid__card:nth-child(2n){top:24px}.hoyostar-grid-v6 .hoyostar-hover-grid__card-image img{transform:none!important;transition:none!important}.hoyostar-grid-v6 .hoyostar-hover-grid__card-text{bottom:6px;left:6px;right:6px;padding:8px 10px;border-radius:16px}.hoyostar-grid-v6 .hoyostar-hover-grid__card-title{font-size:calc(var(--title-size) * .85);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hoyostar-grid-v6 .hoyostar-hover-grid__card-subtext{font-size:12px;text-shadow:0 1px 1.5px rgba(0,0,0,.18);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hoyostar-grid-v6 .hoyostar-hover-grid__card.is-dynamic .hoyostar-hover-grid__card-subtext{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis}}@media screen and (max-width:380px){.hoyostar-grid-v6 .hoyostar-hover-grid__card-text{padding:6px 8px}.hoyostar-grid-v6 .hoyostar-hover-grid__card:not(.is-dynamic) .hoyostar-hover-grid__card-subtext{display:block;white-space:normal;overflow:visible;text-overflow:clip}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hoyostar-grid-v6 .hoyostar-hover-grid__card .hoyostar-hover-grid__card-text{background:#ffffff47}}.hoyostar-grid-v6 .hoyostar-hover-grid__card:focus-visible{outline:3px solid #6D388B;outline-offset:-3px}@media(prefers-reduced-motion:reduce){.hoyostar-grid-v6 .hoyostar-hover-grid__card{--entrance-offset: 0px !important;--entrance-depth: 0px !important;--entrance-opacity: 1 !important;--lift-y: 0px !important;--move-x: 0px !important;--scale: 1 !important;transition:none!important}.hoyostar-grid-v6 .hoyostar-hover-grid__card-image img{transition:none!important;transform:none!important}.hoyostar-grid-v6 .hoyostar-cursor-tracker{display:none}}.hoyostar-grid-v6.is-enhanced .hoyostar-hover-grid__card:not(.is-visible){--entrance-opacity: 0;--entrance-offset: 30px;transition:none}@media(max-width:749px),(hover:none),(pointer:coarse){.hoyostar-grid-v6 .hoyostar-cursor-tracker{display:none!important}}.hoyostar-grid-v6 :is(.hoyostar-hover-grid__card-title,.hoyostar-hover-grid__entry-character){color:#f5d982;text-shadow:0 1px 2px rgb(36 30 20 / 28%)}@media(max-width:749px){.hoyostar-grid-v6 :is(.hoyostar-hover-grid__card-title,.hoyostar-hover-grid__entry-character){text-shadow:0 1px 1.5px rgb(36 30 20 / 20%)}}@media(prefers-reduced-motion:no-preference){.hoyostar-grid-v6[data-hyo-entrance=settle] .hoyostar-hover-grid{perspective:400px;perspective-origin:50% 50%}.hoyostar-grid-v6[data-hyo-entrance=settle] .hoyostar-hover-grid__card{transition:transform .78s cubic-bezier(.25,.46,.45,.94),opacity .5s ease-out,box-shadow .4s ease,border-color .3s ease}.hoyostar-grid-v6[data-hyo-entrance=settle].is-enhanced .hoyostar-hover-grid__card:not(.is-visible){--entrance-offset: 15px;--entrance-depth: 40px;transition:none}}@media(max-width:749px)and (prefers-reduced-motion:no-preference){.hoyostar-grid-v6[data-hyo-entrance=settle].is-enhanced .hoyostar-hover-grid__card:not(.is-visible){--entrance-offset: 10px;--entrance-depth: 24px}}@media(forced-colors:active){.hoyostar-grid-v6 .hoyostar-hover-grid__card-text{background:Canvas;border-color:CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none}.hoyostar-grid-v6 :is(.hoyostar-hover-grid__card-title,.hoyostar-hover-grid__entry-character,.hoyostar-hover-grid__card-subtext){background:none;color:CanvasText;-webkit-text-fill-color:currentColor;text-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hoyostar-grid.css.map */