#back-to-top{padding:1.5rem 2rem;border:1px solid lightgray;border-radius:50rem;background-color:#fff;position:fixed;bottom:2rem;right:10rem;z-index:10;transition:background-color linear .25s;display:flex;justify-content:center;align-items:center}#back-to-top>*{margin:0}#back-to-top:hover{background-color:#f4f4f4;cursor:pointer}.close-button{border-radius:50%;padding:.5em;width:32px;height:32px;border:2px solid #f4f4f4;color:#f4f4f4;position:relative;background-color:#000;transition:background-color .25s ease-in}.close-button:hover{border:2px solid #f4f4f4;cursor:pointer;background-color:#272727}.close-button:before{content:" ";position:absolute;display:block;background-color:#f4f4f4;width:2px;left:12px;top:5px;bottom:5px;transform:rotate(45deg)}.close-button:after{content:" ";position:absolute;display:block;background-color:#f4f4f4;height:2px;top:12px;left:5px;right:5px;transform:rotate(45deg)}.close-container{width:100%;display:flex;box-sizing:border-box;padding-right:20%;justify-content:flex-end;height:50px}#card-big-container{display:none;width:100vw;height:100vh;position:fixed;background-color:#000;justify-content:center;align-items:center;top:0;left:0;z-index:300;flex-direction:column}#card-big{width:clamp(150px,21vw,407px);aspect-ratio:5 / 7;border-radius:.651vw}.card-wrapper{display:flex;justify-content:center;align-items:center;max-width:100vw;flex-wrap:wrap;margin:0;padding-bottom:5rem;background-color:#fffdf2}.card-container{perspective:1000px;padding:1rem}.card{width:clamp(150px,15vw,250px);aspect-ratio:5 / 7;border-radius:.651vw;background:#fff;box-shadow:0 10px 20px #00000040;transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d}.card:hover{transform:rotateY(12deg) rotateX(8deg) scale(1.05);box-shadow:0 20px 40px #00000059;cursor:pointer}.card-content{width:100%;height:100%;border-radius:12.5px;background:linear-gradient(to bottom,#f9f9f9,#ddd);display:flex;justify-content:center;align-items:center;font-family:sans-serif;font-size:1.2rem;mix-blend-mode:multiply}.card:hover{transform:rotateY(12deg) rotateX(8deg) scale(1.05);box-shadow:0 20px 40px #00000059}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(115deg,#ffffff1a,#ffffff4d 30%,#ffffff0d,#ffffff4d 70%,#ffffff1a);background-size:200% 200%;opacity:0;transition:opacity .4s ease;pointer-events:none}.card:hover:before{opacity:1;animation:holo-shimmer 1.5s linear;animation-fill-mode:forwards}.card-holo{position:relative;width:250px;height:350px;border-radius:12.5px;background:#fff;box-shadow:0 10px 20px #00000040;transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d;overflow:hidden}.card-holo:hover{transform:rotateY(12deg) rotateX(8deg) scale(1.05);box-shadow:0 20px 40px #00000059;opacity:1}.card-holo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(125deg,#ff00964d,#00c8ff4d,#00ff964d,#ffff004d,#ff00964d);background-size:300% 300%;opacity:0;transition:opacity .4s ease;pointer-events:none}@keyframes holo-shimmer{0%{background-position:0% 0%}to{background-position:20% 20%}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */