.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-10);min-height:var(--button-height);padding:0 var(--space-28);border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--fs-15);font-weight:500;line-height:1.4;text-decoration:none;transition:opacity var(--duration-fast) var(--ease)}.btn:hover{opacity:.85}.btn--primary{background:var(--color-ink);color:var(--color-on-ink)}.btn--primary:hover{color:var(--color-on-ink)}.btn--secondary{background:transparent;color:var(--color-ink)}.btn--secondary:hover{color:var(--color-ink)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}@media not all and (min-width:768px){.btn--block-sp{display:flex;width:100%}}.btn-group{display:flex;flex-direction:column;gap:var(--space-10)}@media(min-width:768px){.btn-group{flex-direction:row;flex-wrap:wrap;gap:var(--space-12)}}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--tap);font-size:var(--fs-15);font-weight:500}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;border:0;background:transparent;color:var(--color-ink)}.icon-button:hover{color:var(--color-text-sub)}.chip{display:inline-flex;align-items:center;flex:0 0 auto;min-height:var(--chip-height);padding:0 var(--space-16);border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);background:transparent;color:var(--color-ink);font-size:var(--fs-13);font-weight:500;line-height:1.4;text-decoration:none;white-space:nowrap}.chip:hover{color:var(--color-ink);background:var(--color-surface-soft)}.chip[aria-current=page],.chip[aria-pressed=true],input:checked+.chip{background:var(--color-ink);color:var(--color-on-ink)}input:focus-visible+.chip{outline:2px solid var(--color-ink);outline-offset:3px}input:disabled+.chip{border-style:dashed;border-color:var(--color-text-mute);color:var(--color-text-sub);text-decoration:line-through;cursor:not-allowed}@media(min-width:768px){.chip{padding:0 var(--space-20);font-size:var(--fs-14)}}.pill{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-10);border:1px solid var(--color-text-mute);border-radius:var(--radius-pill);font-size:var(--fs-11);line-height:1.5;color:var(--color-ink)}.tag{display:inline-flex;align-items:center;padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);background:var(--tag-color, var(--color-surface-soft));font-size:var(--fs-12);line-height:1.5;color:var(--color-ink)}@media(min-width:768px){.pill{padding:var(--space-6) var(--space-12);font-size:var(--fs-12)}.tag{padding:var(--space-8) var(--space-16);font-size:var(--fs-13)}}.breadcrumb{font-size:var(--fs-11);line-height:1.6;color:var(--color-text-sub)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:0;padding:0;list-style:none}.breadcrumb li+li:before{content:"/";margin-inline-end:var(--space-6)}.breadcrumb a{color:var(--color-text-sub)}@media(min-width:768px){.breadcrumb{font-size:var(--fs-13)}.breadcrumb ol{gap:var(--space-8)}.breadcrumb li+li:before{margin-inline-end:var(--space-8)}}.hscroll{display:flex;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.hscroll::-webkit-scrollbar{display:none}.badge{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-on-ink);font-family:var(--font-sans);font-size:var(--fs-10);font-weight:600;letter-spacing:.1em;line-height:1.4}.badge--muted{background:var(--color-text-sub)}@media(min-width:768px){.badge{padding:var(--space-6) var(--space-12);font-size:var(--fs-11);letter-spacing:.12em}}.hex-name{display:flex;flex-direction:column;gap:var(--space-2)}.hex-name__code{display:inline-flex;align-items:center;gap:var(--space-10);font-family:var(--font-mono);font-weight:700;letter-spacing:.02em;color:var(--color-ink)}.hex-name__swatch{flex:0 0 auto;width:.8em;height:.8em;border-radius:50%;border:1px solid var(--color-line);background:var(--swatch-color)}.hex-name__flavor{font-family:var(--font-ja);font-weight:500;color:var(--color-text)}.price{font-family:var(--font-en);font-weight:600;color:var(--color-ink)}.price__compare{margin-inline-end:var(--space-6);font-weight:400;color:var(--color-text-sub)}.price__unit{margin-inline-start:.3em;font-weight:400;font-size:var(--fs-11);color:var(--color-text-sub)}@media(min-width:768px){.price__unit{font-size:var(--fs-12)}}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-28) var(--space-12);padding:0;list-style:none}@media(min-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-40) var(--space-24)}.product-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-24)}}.product-card{position:relative;display:flex;flex-direction:column;gap:var(--space-8);color:var(--color-ink)}.product-card:has(.product-card__link:focus-visible){outline:2px solid var(--color-ink);outline-offset:6px;border-radius:var(--radius-card)}.product-card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-card);background:var(--color-surface)}.product-card--square .product-card__media{aspect-ratio:1 / 1;border-radius:var(--radius-card-square)}.product-card__blob{top:14%;right:12%;bottom:14%;left:12%;background:var(--product-color, var(--color-photo-1))}.product-card--square .product-card__blob{top:14%;right:14%;bottom:14%;left:14%}.product-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.product-card__badges{position:absolute;top:var(--space-10);left:var(--space-10);display:flex;flex-wrap:wrap;gap:var(--space-4)}.product-card__body{display:flex;flex-direction:column;gap:var(--space-8)}.product-card__category{font-size:var(--fs-11);line-height:1.5;color:var(--color-text-sub);letter-spacing:.04em}.product-card__title{font:inherit;line-height:1.5}.product-card__title .hex-name__code{font-size:var(--fs-card-name)}.product-card__title .hex-name__flavor{font-size:var(--fs-13)}.product-card__link{color:inherit;text-decoration:none}.product-card__link:hover{color:inherit}.product-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.product-card__link:focus-visible{outline:none}.product-card__notes{display:none;font-size:var(--fs-13);line-height:1.6;color:var(--color-text-sub)}.product-card__roast{font-size:var(--fs-13);line-height:1.6;color:var(--color-text-sub)}.product-card__price{font-size:var(--fs-14);line-height:1.5}.product-card.is-sold-out .product-card__blob{opacity:.5}@media(min-width:768px){.product-card{gap:var(--space-16)}.product-card--square{gap:var(--space-14)}.product-card__blob{top:12%;right:10%;bottom:12%;left:10%}.product-card__badges{top:var(--space-16);left:var(--space-16)}.product-card__category{font-size:var(--fs-12)}.product-card__title .hex-name__flavor{font-size:var(--fs-15)}.product-card--square .product-card__title .hex-name__code{font-size:var(--fs-20)}.product-card--square .product-card__title .hex-name__flavor{font-size:var(--fs-14)}.product-card__notes{display:block}.product-card__notes+.product-card__roast{margin-block-start:calc(var(--space-2) - var(--space-8))}.product-card__price{margin-block-start:var(--space-4);font-size:var(--fs-17)}.product-card--square .product-card__price{font-size:var(--fs-16)}}.product-card__image--hover{display:none}@media(hover:hover){.product-card__image{transition:opacity var(--duration) var(--ease)}.product-card__image--hover{display:block;opacity:0}.product-card:hover .product-card__image--hover{opacity:1}.product-card:hover .product-card__image:not(.product-card__image--hover):has(+.product-card__image--hover){opacity:0}}@media(prefers-reduced-motion:reduce){.product-card__image{transition:none}}html[data-motion=off] .product-card__image{transition:none}.field{display:flex;flex-direction:column;gap:var(--space-8)}.field__label{font-size:var(--fs-13);font-weight:500;color:var(--color-ink)}.input{width:100%;min-width:0;height:var(--input-height);padding:0 var(--space-16);border:1px solid var(--color-text-mute);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-ink);font-size:var(--fs-16)}.input::placeholder{color:var(--color-text-sub)}.form-message{font-size:var(--fs-13);line-height:1.7;color:var(--color-ink)}.form-message--error{color:var(--color-ink);font-weight:700}.pagination{display:flex;justify-content:center;gap:var(--space-8);padding:0;list-style:none}.pagination__item{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:50%;font-size:var(--fs-14);text-decoration:none;color:var(--color-ink)}.pagination__item[aria-current=page]{background:var(--color-ink);color:var(--color-on-ink)}.journal-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.article-card{display:flex;align-items:center;gap:var(--space-14);padding-block:var(--space-14);border-top:1px solid var(--color-line-soft);color:var(--color-ink);text-decoration:none}.journal-list>li:last-child .article-card{border-bottom:1px solid var(--color-line-soft)}.article-card__media{position:relative;flex:0 0 104px;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-sm)}.article-card__media .placeholder-photo{font-size:var(--fs-10)}.article-card__body{display:flex;flex-direction:column;gap:var(--space-6)}.article-card__date{font-size:var(--fs-11);line-height:1.5;color:var(--color-text-sub)}.article-card__title{font-size:var(--fs-14);font-weight:700;line-height:1.6}@media(min-width:768px){.journal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-24)}.article-card{flex-direction:column;align-items:stretch;gap:var(--space-14);padding:0;border:0;transition:transform var(--duration) var(--ease)}.journal-list>li:last-child .article-card{border:0}.article-card:hover{transform:translateY(-4px)}.article-card__media{flex-basis:auto;border-radius:var(--radius-card-square)}.article-card__media .placeholder-photo{font-size:var(--fs-13)}.article-card__body{gap:var(--space-14)}.article-card__date{font-size:var(--fs-12)}.article-card__title{font-size:var(--fs-17)}}@media(prefers-reduced-motion:reduce){.article-card:hover{transform:none}}html[data-motion=off] .article-card:hover{transform:none}.quantity{display:flex;align-items:center;height:var(--button-height);padding:0 var(--space-4);border:1.5px solid var(--color-ink);border-radius:var(--radius-pill)}.quantity__button{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-ink)}.quantity__input{width:2.5em;padding:0;border:0;background:transparent;font-family:var(--font-en);font-weight:600;text-align:center;color:var(--color-ink);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity--small{height:auto;padding:0;border-width:1px}.cart-contents{display:block}.cart-form{display:flex;flex-direction:column;gap:var(--space-24)}.cart-lines{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-line-soft)}.cart-line{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"media body" "media price";column-gap:var(--space-14);row-gap:var(--space-8);padding-block:var(--space-16);border-bottom:1px solid var(--color-line-soft)}.cart-line__media{grid-area:media;position:relative;align-self:start;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-thumb);background:var(--color-surface)}.cart-line__blob{top:14%;right:14%;bottom:14%;left:14%;background:var(--product-color, var(--color-photo-1))}.cart-line__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.cart-line__body{grid-area:body;display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.cart-line__title{color:var(--color-ink);text-decoration:none}.cart-line__title .hex-name__code{font-size:var(--fs-16)}.cart-line__title .hex-name__flavor{font-size:var(--fs-13)}.cart-line__meta{font-size:var(--fs-12);line-height:1.6;color:var(--color-text-sub)}.cart-line__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);margin-top:var(--space-8)}.cart-line__remove{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--fs-12);color:var(--color-text-sub)}.cart-line__price{grid-area:price;justify-self:end;font-size:var(--fs-15)}.cart-summary{display:flex;flex-direction:column;gap:var(--space-12)}.cart-summary__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12);font-weight:500;color:var(--color-ink)}.cart-summary__row--discount{font-size:var(--fs-13);font-weight:400}.cart-summary__total{font-size:var(--fs-22)}.cart-summary__note{font-size:var(--fs-12);line-height:1.7;color:var(--color-text-sub)}.cart-summary__checkout{width:100%;border:0}.cart-summary__payments{justify-content:center}.cart-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-20);padding-block:var(--space-24)}.cart-contents__error{margin-top:var(--space-12)}.cart-contents[aria-busy=true] .cart-form{opacity:.6;pointer-events:none}.payment-icons{display:flex;flex-wrap:wrap;gap:var(--space-8);margin:0;padding:0;list-style:none}.payment-icons__icon{width:38px;height:24px}.hex-highlight{--highlight-top: 62%;--highlight-bottom: 92%;padding-inline:.08em;background:linear-gradient(transparent var(--highlight-top),var(--highlight-color) var(--highlight-top),var(--highlight-color) var(--highlight-bottom),transparent var(--highlight-bottom));-webkit-box-decoration-break:clone;box-decoration-break:clone}
/*# sourceMappingURL=/cdn/shop/t/4/assets/components.css.map */