.shade-tile{width:100%}.shade-tile__container{align-items:center;display:flex;gap:calc(var(--ax)*30);min-width:0;padding:calc(var(--ax)*20);width:100%}@media only screen and (max-width:749px){.shade-tile__container{align-items:stretch;flex-direction:column;padding-inline:calc(var(--ax)*15)}}.shade-tile__content{flex:1;min-width:0}@media only screen and (max-width:749px){.shade-tile__content{flex:none}}.shade-tile__title{color:rgb(var(--c-foreground));font-family:var(--f-accent-family,var(--f-heading-family));font-size:var(--ax16);font-weight:var(--f-accent-weight,400);line-height:1.4}.shade-tile__title p{margin:0}@media only screen and (max-width:749px){.shade-tile__title{font-size:var(--ax14);text-align:center}}.shade-tile__grid{display:grid;flex:none;gap:calc(var(--ax)*10);grid-template-columns:repeat(3,minmax(0,1fr));width:min(calc(var(--ax)*780),60%)}@media only screen and (max-width:749px){.shade-tile__grid{width:100%}}.shade-tile__item{aspect-ratio:1;background-color:rgb(var(--c-card-background));color:rgb(var(--c-background));display:block;min-width:0;overflow:hidden;position:relative;text-decoration:none}@media only screen and (max-width:749px){.shade-tile__item{aspect-ratio:.7}}.shade-tile__item:focus-visible{outline:1px solid rgb(var(--c-foreground));outline-offset:calc(var(--ax)*2)}.shade-tile__item .placeholder-svg{height:100%;width:100%}.shade-tile__media,.shade-tile__media:after,.shade-tile__zoom,.shade-tile__zoom>.art-direction{top:0;right:0;bottom:0;left:0;position:absolute}.shade-tile__media:after{background:linear-gradient(to bottom,transparent 65%,rgba(var(--c-foreground),.35) 100%);content:"";pointer-events:none}.shade-tile__label{bottom:calc(var(--ax)*10);font-family:var(--f-body-family);font-size:var(--ax14);inset-inline-start:calc(var(--ax)*10);line-height:1.2;pointer-events:none;position:absolute}@media only screen and (max-width:749px){.shade-tile__label{bottom:calc(var(--ax)*6);font-size:var(--ax12);inset-inline-start:calc(var(--ax)*6)}}@media (hover:hover) and (pointer:fine){.shade-tile__item{transition:opacity .18s ease}.shade-tile__grid:has(a.shade-tile__item:hover) .shade-tile__item:not(:hover){opacity:.5}}
