.outer-container{padding:10px;margin:0 auto;max-width:100%;display:flex;flex-direction:column;transition:height 0.3s ease}.interactive-options-container{display:flex;justify-content:center;align-items:stretch;overflow:hidden;max-width:1200px;padding:15px;width:calc(100% - 100px);min-width:10%;height:400px;transition:height 0.3s ease}.interactive-option{position:relative;flex:1 1 10%;height:100%;margin:5px;background-size:cover;background-position:center;cursor:pointer;transition:transform 0.3s ease,flex-grow 0.3s ease;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background-color:var(--defaultBackground,#E6E9ED)}.interactive-option:hover,.interactive-option.active{transform:scale(1.05)}.interactive-option.active{flex:1 1 80%;margin-left:15px;margin-right:15px}.new-card-content{display:none;padding:20px;background-color:rgb(0 0 0 / .8);color:#fff;text-align:center;margin-bottom:-100%;border-radius:10px;width:100%}.interactive-option.active .new-card-content{display:block}.new-card-container{width:80%;padding:20px;background-color:#fff0;border-radius:10px;text-emphasis-color:whitesmoke;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:all 0.3s ease}.option-icon{font-size:10%;position:absolute;bottom:10px;text-align:center;transition:transform 0.3s cubic-bezier(.05,.61,.41,.95)}.option-icon.active{font-size:10px;position:absolute;bottom:10px;text-align:center;transition:transform 0.3s ease-in}.option-title{display:none;font-size:1.5em;color:#fff;text-align:center;position:absolute;top:20%;text-transform:uppercase;left:50%;transform:translate(-50%,-50%);width:100%}.interactive-option.active .option-title{display:block}