.filter-title{font-size:24px;font-weight:600;margin:0 0 20px;text-align:center}select{-webkit-appearance:none;appearance:none}.select-wrapper{margin:auto;position:relative;width:fit-content}.select-wrapper:after{color:#556ffc;content:"▼";font-size:.8rem;pointer-events:none;position:absolute;right:16px;top:2px}.card-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto;max-width:85vw;padding-bottom:200px;width:100%}.scene{border:0 solid #ccc;box-sizing:content-box;height:420px;margin:0;padding:20px;perspective:1000px;width:300px}.card:hover{box-shadow:0 10px 45px rgba(0,0,0,.28);transform:scale(1.05)}.card{box-shadow:0 5px 20px rgba(0,0,0,.18);cursor:pointer;height:100%;position:relative;transform-origin:center right;transform-style:preserve-3d;transition:transform .35s;width:100%}#rotate{padding:0 80px;transform:rotate(90deg)}.card.is-flipped{transform:translateX(-100%) rotateY(-180deg)}.card__face{backface-visibility:hidden;color:#fff;font-size:40px;font-weight:700;height:420px;position:absolute;text-align:center;width:300px}.card__face,.card__face--back,.card__face--front{object-fit:contain}.card__face--back{transform:rotateY(180deg)}.fit{border-radius:5px;height:420px;object-fit:cover;width:100%}.spacer-60{height:60px}.logo{display:flex;height:auto;margin-left:15px;margin-top:10px;position:fixed;width:70px;z-index:10000}@media (max-width:800px){#rotate{padding:0}.card-container{max-width:none}.card__face,.scene{aspect-ratio:15/20;box-sizing:border-box;height:auto}.scene{padding:8px;width:50%}.card__face{padding:0;width:100%}.fit{border-radius:4px;height:auto;object-fit:cover;width:100%}}