.hoverable{cursor:pointer;transition:all .5s ease-in-out}.background-card{transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0) translateY(0);transition:all .5s ease-in-out}.background-card-shadow{opacity:0;transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0) translateY(0);transition:all .5s ease-in-out}.crop-card{opacity:0;transition:all .5s ease-in-out}.card-content,.background-content{transition:all .5s ease-in-out}.hoverable:hover .background-card{transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(45deg) translateY(-36px)}.hoverable:hover .crop-card{opacity:1;transform:translateY(-24px)}.hoverable:hover .background-card-shadow{opacity:1;transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(45deg) translateY(-36px)}.hoverable:hover .card-content{transform:scaleX(1.05)}.mtg-card{transform-style:preserve-3d;will-change:transform;border-radius:9px;background-color:#000;background-size:cover;cursor:default}@media (max-width: 1024px){.mtg-card{cursor:pointer}}.mtg-card.foil:hover{animation:holo 2s infinite}@keyframes holo{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.mtg-card.foil:after{position:absolute;top:0;bottom:0;left:0;right:0;display:block;border-radius:4.75%/3.5%;background:linear-gradient(-45deg,#e9ee52,#e73c7e,#23a6d5,#23d5ab);opacity:.15;overflow:hidden;content:"";pointer-events:none}.mana-checkbox{display:flex;align-items:center}.mana-checkbox input[type=checkbox]{width:32px;height:32px;border-radius:50%;border:none;background-size:cover;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;filter:brightness(50%)}.mana-checkbox input[type=checkbox]:checked{box-shadow:0 0 16px #fd7920;filter:brightness(100%)}.mana-checkbox-white{background:url(/assets/images/mana/white.webp) no-repeat center center;background-size:cover}.mana-checkbox-blue{background:url(/assets/images/mana/blue.webp) no-repeat center center;background-size:cover}.mana-checkbox-black{background:url(/assets/images/mana/black.webp) no-repeat center center;background-size:cover}.mana-checkbox-red{background:url(/assets/images/mana/red.webp) no-repeat center center;background-size:cover}.mana-checkbox-green{background:url(/assets/images/mana/green.webp) no-repeat center center;background-size:cover}.mana-checkbox-multi{background:url(/assets/images/mana/multi.webp) no-repeat center center;background-size:cover}.mana-checkbox-colorless{background:url(/assets/images/mana/colorless.webp) no-repeat center center;background-size:cover}.mana-checkbox-land{background:url(/assets/images/mana/land.webp) no-repeat center center;background-size:cover}.magnifying-glass-icon{width:14px;height:14px;border:2px solid #fff;border-radius:14px;margin-top:-4px;margin-right:4px;position:relative}.magnifying-glass-icon:after{content:"";position:absolute;width:2px;height:8px;background-color:#fff;top:10px;left:8px;transform:rotate(-45deg);transform-origin:top left}.container{display:grid;place-items:center;color-scheme:light dark;color:#ffffffde;margin:0;timeline-scope:--myScroller;view-timeline-axis:x}.container .topcards{height:70vh}.container .topcards ul{list-style:none;display:flex;gap:1rem;padding:0;margin:0;width:100%;max-width:100%;height:100%;place-items:center;scroll-snap-type:x mandatory;scroll-timeline-name:--myScroller;scroll-timeline-axis:x;overflow-x:scroll;overflow-y:hidden}.container .topcards ul::-webkit-scrollbar{display:none}.container .topcards ul li{flex:1 0 15%;view-timeline:--cover;view-timeline-axis:inline;animation:list_item_z_index_animation both linear;animation-timeline:--cover;animation-range:cover}.container .topcards ul li:not([aria-hidden]){scroll-snap-align:center}.container .topcards ul li img{border-radius:13px;width:100%;height:100%;object-fit:cover;background:#000;-webkit-box-reflect:below 1vmin linear-gradient(transparent 0 90%,#000 100%);animation:cover-flow both linear;animation-timeline:--cover;animation-range:cover}.container .topcards ul .image-wrapper{height:100%;width:100%;position:relative;transform-style:preserve-3d;perspective:100vmin;animation:shrink both linear;animation-timeline:--cover;animation-range:cover}@keyframes list_item_z_index_animation{0%{z-index:0}50%{z-index:4}}@keyframes cover-flow{0%{transform:translate(-50%) rotateY(-33deg)}20%{scale:1;transform:translate(0) rotateY(-33deg)}40%{transform:translate(15%) rotateY(-20deg)}50%{scale:1.5;transform:translate(0) rotateY(0)}60%{transform:translate(-15%) rotateY(20deg)}80%{scale:1;transform:translate(0) rotateY(33deg)}to{transform:translate(50%) rotateY(33deg)}}@media (max-width: 768px){.container .topcards ul li{flex:1 0 30%}}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:BelerenBold;src:local("BelerenBold"),url(/assets/fonts/BelerenBold.ttf) format("truetype")}@font-face{font-family:BelerenSmallCapsBold;src:local("BelerenSmallCapsBold"),url(/assets/fonts/BelerenSmallCapsBold.ttf) format("truetype")}@font-face{font-family:BelerenSmallCapsBoldItalic;src:local("BelerenSmallCapsBoldItalic"),url(/assets/fonts/BelerenSmallCapsBoldItalic.ttf) format("truetype")}.beleren-bold{font-family:BelerenBold}.beleren-small-caps-bold{font-family:BelerenSmallCapsBold}.beleren-small-caps-bold-italic{font-family:BelerenSmallCapsBoldItalic}body{font-family:BelerenSmallCapsBold,sans-serif}
