.jj-samples-drawer{--modal-width: 56rem}.jj-samples-drawer .drawer__content{min-height:0}.jj-samples__body{min-height:0;scroll-snap-type:none;padding-inline:3rem;padding-block:2rem 2.4rem}.jj-samples__intro{margin:0 0 2rem;font-size:1.4rem;line-height:1.5}.jj-samples__group+.jj-samples__group{margin-top:2.8rem}.jj-samples__group-header{margin-bottom:1.2rem}.jj-samples__group-title{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.jj-samples__select-all,.jj-samples__clear{padding:0;border:0;background:none;color:inherit;font-size:1.3rem;cursor:pointer}.jj-samples__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem 1.2rem;margin:0;padding:0;list-style:none}.jj-samples__item{position:relative}.jj-samples__card{display:flex;flex-direction:column;gap:.4rem;height:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}.jj-samples__media{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--small-blocks-radius, .4rem);background:rgba(var(--color-foreground),.04);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.12);transition:box-shadow .2s ease}.jj-samples__media img,.jj-samples__media svg.jj-samples__placeholder{display:block;width:100%;height:100%;object-fit:cover}.jj-samples__check{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.35);background:rgb(var(--color-background));color:rgb(var(--color-background));transition:background-color .2s ease,border-color .2s ease}.jj-samples__check .icon{--icon-size: 1.4rem;width:1.4rem;height:1.4rem;opacity:0;transition:opacity .15s ease}.jj-samples__title{margin-top:.4rem;font-size:1.3rem;line-height:1.35}.jj-samples__price{font-size:1.3rem}.jj-samples__price .f-price{gap:.6rem}.jj-samples__status{font-size:1.2rem;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}.jj-samples__status:empty{display:none}@media(hover:hover){.jj-samples__item:not(.is-in-cart):not(.is-sold-out) .jj-samples__card:hover .jj-samples__media{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.45)}}.jj-samples__item.is-selected .jj-samples__media,.jj-samples__checkbox:checked+.jj-samples__card .jj-samples__media{box-shadow:0 0 0 .2rem rgb(var(--color-foreground))}.jj-samples__item.is-selected .jj-samples__check,.jj-samples__checkbox:checked+.jj-samples__card .jj-samples__check{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.jj-samples__item.is-selected .jj-samples__check .icon,.jj-samples__checkbox:checked+.jj-samples__card .jj-samples__check .icon{opacity:1}.jj-samples__checkbox:focus-visible+.jj-samples__card .jj-samples__media{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.jj-samples__item.is-in-cart .jj-samples__card,.jj-samples__item.is-sold-out .jj-samples__card{cursor:default}.jj-samples__item.is-sold-out .jj-samples__media img{opacity:.45}.jj-samples__item.is-in-cart .jj-samples__check{background:rgba(var(--color-foreground),.55);border-color:transparent}.jj-samples__item.is-in-cart .jj-samples__check .icon{opacity:1}.jj-samples__item.is-sold-out .jj-samples__check{display:none}.jj-samples__browse{margin:2.8rem 0 0;font-size:1.3rem;text-align:center}.jj-samples__footer{flex-shrink:0;padding:1.6rem 3rem 2rem;border-top:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));background:rgb(var(--color-background))}.jj-samples__message{margin:0 0 1.2rem;padding:1rem 1.2rem;border-radius:var(--small-blocks-radius, .4rem);font-size:1.4rem;line-height:1.4}.jj-samples__message:empty,.jj-samples__message[hidden]{display:none}.jj-samples__message[data-state=success]{background:rgba(var(--color-foreground),.06)}.jj-samples__message[data-state=error]{background:#bc181814;color:#bc1818}.jj-samples__add[aria-disabled=true]{opacity:.5;cursor:not-allowed}.jj-samples__add.btn--loading[aria-disabled=true]{opacity:1;cursor:progress}@media(max-width:767.98px){.jj-samples__body{padding-inline:1.6rem}.jj-samples__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jj-samples__footer{padding:1.2rem 1.6rem calc(1.6rem + env(safe-area-inset-bottom,0px))}}.jj-samples__clear[hidden],.jj-samples__select-all[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/599/assets/jj-samples-drawer.css.map */