.ss-cafe-collection{padding-top:1.2rem;padding-bottom:3.6rem}.ss-cafe-style-guide{margin-bottom:2.4rem;padding:1.4rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.4rem;background:rgb(var(--color-background))}.ss-cafe-style-guide__heading{margin:0 0 1rem;font-size:1.8rem}.ss-cafe-style-guide__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.ss-cafe-style-guide__item{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1.2rem;align-items:center;min-width:0}.ss-cafe-style-guide__image{display:block;width:10rem;height:10rem;border-radius:1rem;object-fit:cover}.ss-cafe-style-guide__placeholder{width:10rem;height:10rem;border-radius:1rem;background:rgba(var(--color-foreground),.05)}.ss-cafe-style-guide__label{margin:0 0 .3rem;font-size:1.5rem;font-weight:600}.ss-cafe-style-guide__text{margin:0;font-size:1.3rem;line-height:1.55;color:rgba(var(--color-foreground),.72)}.ss-cafe-style-guide__detail{margin:1.1rem 0 0;font-size:1.3rem;line-height:1.6}.ss-cafe-style-guide__detail a{color:currentColor;text-underline-offset:.3rem}.ss-cafe-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0 0 1.8rem}.ss-cafe-tab{min-width:0;padding:1rem .8rem;border:.1rem solid rgba(var(--color-foreground),.24);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;cursor:pointer}.ss-cafe-tab.is-active{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ss-cafe-panel{display:none}.ss-cafe-panel.is-active{display:block}.ss-cafe-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem}.ss-cafe-card{position:relative;min-width:0;padding:1.2rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;background:rgb(var(--color-background))}.ss-cafe-card__image-link{display:block;margin-bottom:.9rem;overflow:hidden;border-radius:.8rem;aspect-ratio:1 / 1}.ss-cafe-card__image{display:block;width:100%;height:100%;object-fit:cover}.ss-cafe-card__top{display:flex;justify-content:space-between;gap:.8rem}.ss-cafe-card__title{margin:0;font-size:1.6rem;line-height:1.4}.ss-cafe-card__title a{color:currentColor;text-decoration:none}.ss-cafe-card__price{flex-shrink:0;text-align:right}.ss-cafe-card__rank{display:inline-block;min-width:2.4rem;height:2.4rem;border-radius:999px;background:rgba(var(--color-foreground),.07);font-size:1.1rem;font-weight:700;line-height:2.4rem;text-align:center}.ss-cafe-card__price-from{display:block;margin-top:.3rem;font-size:1.1rem;line-height:1.2;white-space:nowrap;color:rgba(var(--color-foreground),.7)}.ss-cafe-card__chips{display:flex;flex-wrap:wrap;gap:.5rem;min-height:1.8rem;margin-top:.9rem}.ss-cafe-card__chip{width:1.8rem;height:1.8rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:999px;background-position:center;background-size:cover}.ss-cafe-card__variant-data{display:none}@media screen and (max-width:989px){.ss-cafe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}}@media screen and (max-width:749px){.ss-cafe-collection{padding-top:.6rem;padding-bottom:2.8rem}.ss-cafe-style-guide{margin-bottom:1.6rem;padding:1rem;border-radius:1rem}.ss-cafe-style-guide__heading{margin-bottom:.8rem;font-size:1.5rem}.ss-cafe-style-guide__items{gap:.8rem}.ss-cafe-style-guide__item{grid-template-columns:1fr;gap:.5rem}.ss-cafe-style-guide__image,.ss-cafe-style-guide__placeholder{width:100%;height:clamp(8rem,24vw,10rem)}.ss-cafe-style-guide__label{font-size:1.3rem}.ss-cafe-style-guide__text,.ss-cafe-style-guide__detail{font-size:1.1rem}.ss-cafe-tabs{gap:.5rem;margin-bottom:1.2rem}.ss-cafe-tab{padding:.8rem .2rem;font-size:1.15rem}.ss-cafe-grid{gap:.7rem}.ss-cafe-card{padding:.6rem;border-radius:.8rem}.ss-cafe-card__image-link{margin-bottom:.6rem;border-radius:.6rem}.ss-cafe-card__top{display:block}.ss-cafe-card__title{min-height:2.8em;margin-bottom:.3rem;overflow:hidden;font-size:1.15rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ss-cafe-card__price{text-align:left}.ss-cafe-card__rank{display:none}.ss-cafe-card__price-from{margin:0;font-size:.95rem}.ss-cafe-card__chips{gap:.3rem;min-height:1.3rem;margin-top:.5rem}.ss-cafe-card__chip{width:1.3rem;height:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ss-cafe-collection.css.map */