.wioo-material-picker{display:block;margin:1.8rem 0}.wioo-material-picker__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.wioo-material-picker__heading{margin:0;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:700;line-height:1.3}.wioo-material-picker__selection{margin:0;color:rgba(var(--color-foreground),.72);font-size:1.2rem;line-height:1.3;text-align:right}.wioo-material-picker__selection-label{margin-right:.25rem}.wioo-material-picker__selection strong{color:rgb(var(--color-foreground));font-weight:700}.wioo-material-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.wioo-material-card{position:relative;display:flex;min-width:0;min-height:7.4rem;align-items:center;gap:1rem;padding:1.1rem;border:1px solid rgba(var(--color-foreground),.16);border-radius:14px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease}a.wioo-material-card:hover{border-color:#00bcd4bf;background:#00bcd40a;box-shadow:0 5px 18px #00000014;color:rgb(var(--color-foreground));transform:translateY(-1px)}a.wioo-material-card:focus-visible{outline:3px solid rgba(0,188,212,.35);outline-offset:2px;border-color:#00bcd4}.wioo-material-card.is-active{cursor:default;border:2px solid #00bcd4;background:#00bcd412;box-shadow:0 0 0 1px #00bcd414}.wioo-material-card__icon{display:flex;flex:0 0 4.2rem;width:4.2rem;height:4.2rem;align-items:center;justify-content:center;border-radius:11px;background:rgba(var(--color-foreground),.055);color:rgba(var(--color-foreground),.82)}.wioo-material-card.is-active .wioo-material-card__icon{background:#00bcd421;color:#0097a7}.wioo-material-card__icon svg{display:block;width:3rem;height:3rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wioo-material-card__content{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:.25rem}.wioo-material-card__title{display:block;color:rgb(var(--color-foreground));font-size:1.35rem;font-weight:700;line-height:1.25}.wioo-material-card__description{display:block;color:rgba(var(--color-foreground),.64);font-size:1.1rem;line-height:1.3}.wioo-material-card__check{position:absolute;top:.7rem;right:.8rem;display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:50%;background:#00bcd4;color:#071317;font-size:1.2rem;font-weight:800;line-height:1}.wioo-material-picker__note{margin:.85rem 0 0;color:rgba(var(--color-foreground),.6);font-size:1.1rem;line-height:1.45}@media screen and (max-width:989px){.wioo-material-picker__grid{grid-template-columns:1fr}}@media screen and (max-width:749px){.wioo-material-picker{margin:1.5rem 0}.wioo-material-picker__header{align-items:flex-start;flex-direction:column;gap:.4rem}.wioo-material-picker__selection{text-align:left}.wioo-material-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.wioo-material-card{min-height:9.2rem;align-items:flex-start;flex-direction:column;gap:.7rem;padding:1rem}.wioo-material-card__icon{width:3.8rem;height:3.8rem;flex-basis:3.8rem}.wioo-material-card__icon svg{width:2.7rem;height:2.7rem}.wioo-material-card__title{padding-right:1.6rem;font-size:1.25rem}.wioo-material-card__description{font-size:1.02rem}}@media screen and (max-width:380px){.wioo-material-picker__grid{grid-template-columns:1fr}.wioo-material-card{min-height:7rem;align-items:center;flex-direction:row}}@media(prefers-reduced-motion:reduce){.wioo-material-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/wioo-material-picker.css.map */