.scene{-webkit-perspective:600px;perspective:600px}.scene>.ensemble{height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 1s;transition:all 1s}.scene>.ensemble .flip{color:var(--dark-x,var(--on-y));cursor:pointer;display:block;font-size:calc(var(--s-1)*1em);opacity:.8;opacity:.34;position:absolute;right:var(--u,1.5em)/2;top:var(--u,1.5em)/2;z-index:1}.scene>.ensemble .back-face.back-face.back-face{height:100%;left:0;overflow-y:scroll;position:absolute;top:0;z-index:2}.scene>.ensemble .back-face.back-face.back-face,.scene>.ensemble.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--theme-border-radius);box-shadow:var(--shadow);display:block;height:100%;overflow:hidden;-webkit-perspective:0;position:relative;-webkit-transform:translateZ(0);-webkit-transition:all .2s;transition:all .2s;visibility:visible;width:100%}.card:focus,.card:hover{box-shadow:var(--shadow-hover,var(--shadow))}.card>.section.visible{z-index:0}.card>.section.visible.img>figure,.card>.section.visible.img>img{width:100%}.card>.section.visible:not(.img){padding:var(--u,1.5em)}.card>.section.visible:not(.img):not(:first-of-type){padding-top:calc(var(--u, 1.5em)/2)}.card>.section.visible:not(.img):not(:last-of-type){padding-bottom:calc(var(--u, 1.5em)/2)}.card>.section.visible:not(.img):first-child:last-child{padding-bottom:var(--u,1.5em);padding-top:var(--u,1.5em)}.card.compact>.section.visible:not(.img){padding:calc(var(--u, 1.5em)/2)}.card.compact>.section.visible:not(.img):not(:first-of-type){padding-top:calc(var(--u, 1.5em)/2/2)}.card.compact>.section.visible:not(.img):not(:last-of-type){padding-bottom:calc(var(--u, 1.5em)/2/2)}.card.compact>.section.visible:not(.img):first-child:last-child{padding-bottom:calc(var(--u, 1.5em)/2);padding-top:calc(var(--u, 1.5em)/2)}.card>:first-child{border-radius:var(--r-top);overflow:hidden}.card>:last-child{border-radius:var(--r-bottom);overflow:hidden}.card.select.active,.card.select:focus,.card.select:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}
.cards.grid{display:grid;grid-gap:.5em;grid-template-columns:repeat(auto-fit,minmax(var(--card-width,180px),1fr));margin:0 var(--u,0)}@media(max-width:899px){.cards:not(.grid){-webkit-box-align:stretch;align-items:stretch;display:-webkit-box;display:flex;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:scroll;overflow-y:hidden;scroll-padding:0 0 0 var(--u,0);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}.cards:not(.grid)::-webkit-scrollbar{display:none}.cards:not(.grid)>:first-child{margin-left:var(--u,0)}.cards:not(.grid) .scene{min-width:var(--card-width-xs,var(--card-width,300px));position:relative;scroll-snap-align:start}.cards:not(.grid) .scene+.scene{margin-left:.5em}.cards:not(.grid):after{content:"";-webkit-box-flex:0;flex:0 0 var(--u,0)}.cards:not(.grid) figcaption{display:none}}@media(min-width:900px){.cards:not(.grid){display:grid;grid-gap:.5em;grid-template-columns:repeat(auto-fit,minmax(var(--card-width,200px),1fr));margin:0 var(--u,0)}}