.oylin-sample-selector{margin:2.2rem 0;border-top:1px solid rgba(30,27,23,.18);padding-top:2rem}.oylin-sample-selector__head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.4rem}.oylin-sample-selector__head h3{margin:.35rem 0 0;font-size:1.8rem;font-weight:400}.oylin-sample-selector__count{font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}.oylin-sample-selector__search{width:100%;border:1px solid rgba(30,27,23,.2);background:transparent;padding:1.1rem 1.2rem;margin-bottom:1.2rem}.oylin-sample-selector__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-height:42rem;overflow:auto;padding-right:.3rem}.oylin-sample-card{-webkit-appearance:none;appearance:none;border:1px solid transparent;background:#f4f1eb;padding:.55rem;text-align:left;cursor:pointer;color:inherit}.oylin-sample-card.is-selected{border-color:#211e1a;background:#fff}.oylin-sample-card__image{display:block;aspect-ratio:4/5;background:#e8e3da;overflow:hidden}.oylin-sample-card__image img{width:100%;height:100%;object-fit:contain;display:block}.oylin-sample-card__name{display:block;font-size:1.05rem;letter-spacing:.06em;margin-top:.65rem}.oylin-sample-card__type{display:block;font-size:.95rem;opacity:.62;margin-top:.2rem}.oylin-sample-selector__message{min-height:1.8rem;font-size:1.1rem;margin:.8rem 0 0}.oylin-sample-selector__note{font-size:1.05rem;line-height:1.55;opacity:.7;margin:1rem 0 0}@media(max-width:749px){.oylin-sample-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:38rem}.oylin-sample-selector__head{align-items:start;flex-direction:column}}.oylin-sample-card__source-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:1.5rem;text-align:center;font-size:1rem;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;color:#1e1b1794;background:#ebe7df}.oylin-sample-selector__grid{max-height:46rem;overflow:auto;overscroll-behavior:contain;padding-right:.4rem;scrollbar-width:thin}.oylin-sample-selector__head{position:sticky;top:0;z-index:2;background:rgb(var(--color-background));padding:.8rem 0}@media screen and (max-width:749px){.oylin-sample-selector__grid{max-height:34rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.oylin-sample-selector__search{position:sticky;top:0;z-index:3;background:rgb(var(--color-background))}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/oylin-sample-selector.css.map */