.product-tile{color:rgb(var(--color-background));height:100%;padding-top:8rem;position:relative}.product-tile .product-tile__bg{transition:opacity .3s ease,visibility .3s ease;z-index:0}.product-tile .product-tile__bg,.product-tile .product-tile__bg .media{height:100%;left:0;position:absolute;top:0;width:100%}.product-tile .product-tile__bg .media img{display:block}.product-tile .product-tile__image{margin:-8rem auto 1.5rem;position:relative;width:16rem;z-index:2}.product-tile .product-tile__inner{background-color:rgb(var(--color-outline));color:var(--color-text);display:flex;flex-direction:column;height:100%;padding:2rem 2rem 3rem;position:relative}.product-tile .product-tile__media{margin-top:1rem;position:relative}.product-tile .product-tile__media .media{display:none}.product-tile .product-tile__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;margin-bottom:auto;position:relative}.product-tile .product-tile__title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.product-tile .product-tile__features{margin-bottom:1.6rem}.product-tile .product-tile__price{margin:auto 0 2rem}.product-tile .product-tile__preferences{min-height:300px;padding-top:2rem;text-align:left;width:100%}.product-tile .product-tile__preferences li{display:flex;margin-bottom:1.2rem;position:relative}.product-tile .product-tile__preferences li:last-child{margin-bottom:0}.product-tile .product-tile__preferences li svg{stroke:rgb(var(--color-alert));color:rgb(var(--color-alert));height:1.2rem;margin-right:10px;margin-top:.4rem;min-width:1.6rem;width:1.6rem}@media screen and (min-width:1024px){.product-tile{background-color:rgb(var(--color-outline));color:var(--color-text);padding-top:0;transition:color .3s ease}.product-tile .product-tile__inner{display:flex;flex-direction:column;padding:5rem 4rem}.product-tile .product-tile__media{margin:2rem 0 0;max-width:100%}.product-tile .product-tile__media .media{display:block;transition:opacity .3s ease,visibility .3s ease}.product-tile .product-tile__preferences{left:50%;position:absolute;top:1rem;transform:translateX(-50%);width:80%}.product-tile .product-tile__preferences li{margin-bottom:1.5rem}.product-tile .product-tile__preferences li svg{height:1.6rem;margin-right:1.6rem;min-width:2rem;width:2rem}.product-tile .product-tile__price{margin:auto 0 2.5rem}.product-tile .product-tile__price .price__container{align-items:baseline;display:flex}.product-tile .product-tile__price .price__container s{color:rgb(var(--color-outline))}.product-tile .product-tile__features{margin-bottom:2.5rem}.product-tile .button,.product-tile .product-tile__bg,.product-tile .product-tile__preferences,.product-tile .product-tile__price{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.product-tile:hover{color:rgb(var(--color-background))}.product-tile:hover .button,.product-tile:hover .product-tile__bg,.product-tile:hover .product-tile__bg .media,.product-tile:hover .product-tile__preferences,.product-tile:hover .product-tile__price{opacity:1;visibility:visible}.product-tile:hover .media{opacity:0;visibility:hidden}}