.tabs{background:linear-gradient(180deg,#f4f4f4,#eaeaea);box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;margin-bottom:20px;padding:10px 0}.tab{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 5px;padding:10px 20px;transition:background-color .3s ease,box-shadow .3s ease}.tab.active,.tab:hover{background-color:#0056b3;box-shadow:0 4px 8px #0003}.card-container{height:325px;perspective:1000px}.card{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.card.flipped{transform:rotateY(180deg)}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.card-front{background-color:#3d5ca7;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-image{height:auto;width:100%}.card-content-box{background-color:#fff;border-radius:5px;bottom:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;font-family:ProspectusPro-Regular,serif;height:auto;justify-content:space-between;left:50%;overflow:hidden;padding:.6em;position:absolute;transform:translateX(-50%);width:80%}.card h3{font-family:ProspectusPro-Bold,serif;font-size:1.5em;font-weight:700;line-height:1.2;margin:0;word-spacing:.1em}.card p{font-family:ProspectusPro-Regular,serif;font-size:.9em;margin:.3em 0}.creator-role{color:#3d5ca7;font-family:ProspectusPro-Bold,serif;font-size:1em;font-weight:700;text-transform:uppercase}.creator-name{margin-left:.5em}.card-year,.creator-name{font-family:ProspectusPro-Regular,serif;font-size:1em}.card-year{margin-top:0}.card select{border-radius:3px;font-family:ProspectusPro-Regular,serif;margin-top:0}.card select,.card-select{font-size:.8em;padding:.5em}.card-select{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;font-family:ProspectusPro-Bold,serif;position:absolute;right:10px;top:10px}.card-back{background-color:#fffc;background-position:50%;background-size:cover;border:1px solid #ddd;justify-content:center;transform:rotateY(180deg)}.card-back,.card-back-content{align-items:center;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:1em}.card-back-content{background-color:#fff;font-family:ProspectusPro-Regular,serif;height:100%;justify-content:space-between;overflow:hidden;text-align:center;width:100%}.card-back-content h3{font-family:ProspectusPro-Bold,serif;font-size:1.2em;font-weight:700;margin-top:0}.card-back-content .recommended-by{color:#868686;font-size:.9em;font-style:italic;font-weight:700;margin-bottom:1em}.card-back-content .description-header{font-size:1em;font-weight:700;margin-bottom:0;margin-top:.5em;text-align:left;width:100%}.card-back-content .consumption-info{font-size:.8em;font-weight:700;margin-bottom:0;margin-top:0}.card-back-content .consumption-info span{display:block}.flip-icon{bottom:15px;color:#e0dddd;cursor:pointer;font-size:1.5em;position:absolute;right:25px;transition:color .3s}.flip-icon:hover{color:#ccc}@media (max-width:1200px){.card-container{height:350px}.card-content-box{padding:.8em}.card h3{font-size:1.4em}.card p,.card-year,.creator-name,.creator-role{font-size:.9em}}@media (max-width:992px){.card-container{height:300px}.card-content-box{padding:.6em}.card h3{font-size:1.3em}.card p,.card-year,.creator-name,.creator-role{font-size:.8em}}@media (max-width:768px){.card-container{height:250px}.card-content-box{padding:.5em}.card h3{font-size:1.2em}.card p,.card-year,.creator-name,.creator-role{font-size:.7em}}@media (max-width:576px){.card-container{height:200px}.card-content-box{padding:.4em}.card h3{font-size:1.1em}.card p,.card-year,.creator-name,.creator-role{font-size:.6em}}body{background-color:#f4f4f4;font-family:Arial,sans-serif;padding:0}h2{color:#333}ul{list-style-type:none;padding:0}li{border:1px solid #ddd;border-radius:5px;margin:10px 0;padding:10px}button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}button:hover{background-color:#0056b3}.app{align-items:center;display:flex;flex-direction:column;padding:20px}.content{display:flex;width:100%}.header{background-color:#333;color:#fff;padding:10px;text-align:center;width:100%}.card-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#e0eafc,#cfdef3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background-color:#fffc;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-right:20px;padding:20px;width:250px}.sidebar ul{list-style-type:none;margin:0;padding:0}.sidebar ul li{border-radius:5px;cursor:pointer;margin-bottom:10px;padding:10px 15px;transition:background-color .3s ease;white-space:nowrap}.sidebar ul li.selected{background-color:#007bff;color:#fff}.sidebar ul li:hover{background-color:#0056b3;color:#fff}.sidebar h3{border-bottom:1px solid #ddd;color:#333;font-size:1.2em;margin-bottom:10px;padding-bottom:5px}.sidebar hr{border:none;border-top:1px solid #ddd;margin:20px 0}:root{--card-spacing:75px}.stacked-card-list{align-items:center;display:flex;height:220px;position:relative}.stacked-card-wrapper{height:100%;position:absolute;transition:transform .3s;width:200px}.stacked-card-wrapper:hover{transform:translateX(-10px) scale(1.1);z-index:10}.stacked-card-wrapper:first-child{left:0}.stacked-card-wrapper:nth-child(2){left:75px;left:var(--card-spacing)}.stacked-card-wrapper:nth-child(3){left:150px;left:calc(var(--card-spacing)*2)}.condensed-card-list{align-items:center;display:flex;flex-direction:column}.condensed-card-wrapper{margin:10px 0;position:relative;width:100%}.condensed-card{background-position:50%;background-size:cover;border-radius:5px;height:50px;padding:10px;position:relative;transition:all .3s ease-in-out;width:100%}.condensed-card,.condensed-card-title-box{align-items:center;display:flex;overflow:hidden}.condensed-card-title-box{background:linear-gradient(90deg,#000c,#0000);border-radius:5px 0 0 5px;height:100%;left:0;padding:30px;width:75%}.condensed-card-title,.condensed-card-title-box{text-overflow:ellipsis;white-space:nowrap;z-index:1}.condensed-card-title{color:#fff;font-family:ProspectusPro-Bold,serif;font-size:1.5em;font-weight:700;margin-left:0;overflow:hidden}.full-card{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000004d;display:none;left:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%;z-index:10}.condensed-card-wrapper:hover .full-card{display:block}@font-face{font-family:ProspectusPro;font-style:normal;font-weight:900;src:url(/static/media/ProspectusProLDEMO-Black.235e9e6771d932fdf398.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-Black.7de924a38267130a9423.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:italic;font-weight:900;src:url(/static/media/ProspectusProLDEMO-BlackItalic.ed96f9a159fd3e796639.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-BlackItalic.86b26b41a646adaa9651.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:normal;font-weight:700;src:url(/static/media/ProspectusProLDEMO-Bold.66d6697d8e75c15c3aac.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-Bold.20ae4b5f89c76feb4583.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:italic;font-weight:700;src:url(/static/media/ProspectusProLDEMO-BoldItalic.694951a613e47c2b6ea1.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-BoldItalic.b2ce00773f431d38d148.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:italic;font-weight:400;src:url(/static/media/ProspectusProLDEMO-Italic.de41b8a8e250c6824b0e.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-Italic.13862e19dbdbd3203437.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:normal;font-weight:300;src:url(/static/media/ProspectusProLDEMO-Light.3e8d75d7de009bd3a2d5.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-Light.85e061d955fe7736e5a1.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:italic;font-weight:300;src:url(/static/media/ProspectusProLDEMO-LightItalic.e2bce37bd9d252fbf061.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-LightItalic.bc67da2e2db8ab6b8253.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:normal;font-weight:400;src:url(/static/media/ProspectusProLDEMO-Regular.68e178705eead57e951a.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-Regular.f3f140488298bfc36b45.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:normal;font-weight:600;src:url(/static/media/ProspectusProLDEMO-SemiBold.a053bfcb6f89d06b5bb1.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-SemiBold.0a4bc7f917f53c6f1cfd.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:italic;font-weight:600;src:url(/static/media/ProspectusProLDEMO-SemiBoldItalic.952e98603cf43d51cfd9.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-SemiBoldItalic.517a82a80cf58f64d976.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:normal;font-weight:100;src:url(/static/media/ProspectusProLDEMO-Thin.044503dd88818907d7c1.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-Thin.6a3066904345c56fa00b.woff) format("woff")}@font-face{font-family:ProspectusPro;font-style:italic;font-weight:100;src:url(/static/media/ProspectusProLDEMO-ThinItalic.c7c96ee8db6d9da104a9.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-ThinItalic.6568371342403d9fef1d.woff) format("woff")}@font-face{font-family:ProspectusPro-Regular;font-style:normal;font-weight:400;src:url(/static/media/ProspectusProLDEMO-Regular.68e178705eead57e951a.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-Regular.f3f140488298bfc36b45.woff) format("woff")}@font-face{font-family:ProspectusPro-Bold;font-style:normal;font-weight:700;src:url(/static/media/ProspectusProLDEMO-Bold.66d6697d8e75c15c3aac.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-Bold.20ae4b5f89c76feb4583.woff) format("woff")}@font-face{font-family:ProspectusPro-Italic;font-style:italic;font-weight:400;src:url(/static/media/ProspectusProLDEMO-Italic.de41b8a8e250c6824b0e.woff2) format("woff2"),url(/static/media/ProspectusProLDEMO-Italic.13862e19dbdbd3203437.woff) format("woff")}
/*# sourceMappingURL=main.ec93c3d6.css.map*/