.msb{--msb-border: rgba(0, 0, 0, .14);--msb-border-strong: rgba(0, 0, 0, .35);--msb-heading-font: "HvDTrial Brandon Grotesque", var(--heading-font-family, sans-serif);--msb-body-font: "Gill Sans", var(--text-font-family, sans-serif);--msb-gutter: 20px;display:block;padding-block:var(--msb-pad-top) var(--msb-pad-bottom);font-family:var(--msb-body-font)}.msb__container{max-width:1320px;margin-inline:auto;padding-inline:var(--msb-gutter)}.msb__intro{max-width:640px;margin:0 auto 40px;text-align:center}.msb__heading{margin:0 0 12px;font-family:var(--msb-heading-font);font-size:20px;font-weight:400;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.msb__text{margin:0;font-size:16px;line-height:1.5;opacity:.8}.msb__layout{display:grid;gap:32px}.msb__step+.msb__step{margin-top:32px;padding-top:32px;border-top:1px solid var(--msb-border)}.msb__step-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.msb__step-number{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-family:var(--msb-heading-font);font-size:12px;line-height:1}.msb__step-heading{min-width:0}.msb__step-title{margin:0;font-family:var(--msb-heading-font);font-size:15px;font-weight:400;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.msb__step-subtitle{margin:4px 0 0;font-size:15px;line-height:1.4;opacity:.7}.msb__step-optional{flex:none;margin-left:auto;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.msb__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.msb__tile{display:flex;flex-direction:column;gap:6px;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.msb__tile:focus-visible{outline:none}.msb__tile-media{position:relative;display:block;aspect-ratio:1;margin-bottom:4px;overflow:hidden;border:1px solid var(--msb-border);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.msb__tile-image{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.msb__tile:not(:disabled):hover .msb__tile-media{border-color:var(--msb-border-strong)}.msb__tile:focus-visible .msb__tile-media{outline:2px solid var(--msb-accent);outline-offset:3px}.msb__tile[aria-pressed=true] .msb__tile-media{border-color:var(--msb-accent);box-shadow:inset 0 0 0 1px var(--msb-accent)}.msb__tile-check{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--msb-accent);color:#fff;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}.msb__tile[aria-pressed=true] .msb__tile-check{opacity:1;transform:none}.msb__tile-badge{position:absolute;left:8px;bottom:8px;padding:4px 8px;background:#fff;font-size:11px;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.msb__tile-badge[hidden]{display:none}.msb__tile-badge--match{background:var(--msb-accent);color:#fff}.msb__tile-title{display:-webkit-box;overflow:hidden;font-size:15px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.msb__tile-price{font-size:14px;opacity:.75}.msb__tile:disabled{cursor:not-allowed}.msb__tile:disabled .msb__tile-image{opacity:.45}.msb__tile:disabled .msb__tile-title,.msb__tile:disabled .msb__tile-price{opacity:.5}.msb__variant{width:100%;margin-top:8px;padding:8px;border:1px solid var(--msb-border);background:#fff;color:inherit;font:inherit;font-size:14px}.msb__summary-inner{padding:28px;border:1px solid var(--msb-border);background:#fff}.msb__summary-title{margin:0 0 16px;font-family:var(--msb-heading-font);font-size:15px;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.msb__summary-empty{margin:0 0 16px;font-size:15px;line-height:1.4;opacity:.7}.msb__summary-empty[hidden]{display:none}.msb__summary-list{display:grid;gap:14px;margin:0 0 16px;padding:0;list-style:none}.msb__summary-list:empty{display:none}.msb__summary-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px}.msb__summary-thumb{width:48px;height:48px;border:1px solid var(--msb-border);object-fit:cover;background:#fff}.msb__summary-step{display:block;margin-bottom:2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.msb__summary-name{display:block;font-size:14px;line-height:1.3}.msb__summary-side{display:grid;justify-items:end;gap:2px;font-size:14px}.msb__remove{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:2px;opacity:.65;cursor:pointer}.msb__summary-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px;padding-top:16px;border-top:1px solid var(--msb-border)}.msb__summary-total-label{font-family:var(--msb-heading-font);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.msb__summary-total-label [data-count]{font-family:var(--msb-body-font);letter-spacing:0;text-transform:none;opacity:.65}.msb__summary-total-price{font-size:18px}.msb__add{width:100%}.msb__add[aria-busy=true]{cursor:progress}.msb__summary-note{margin:12px 0 0;font-size:13px;line-height:1.4;text-align:center;opacity:.65}.msb__error{margin:12px 0 0;color:#b42318;font-size:14px;line-height:1.4}.msb__error[hidden]{display:none}@media screen and (min-width:700px){.msb{--msb-gutter: 32px}.msb__heading{font-size:24px}.msb__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media screen and (min-width:1000px){.msb{--msb-gutter: 48px}.msb__layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:56px}.msb__summary{position:sticky;top:calc(var(--sticky-area-height, 80px) + 24px)}.msb__step+.msb__step{margin-top:40px;padding-top:40px}}@media screen and (min-width:1150px){.msb__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (max-width:999px){.msb__summary{position:sticky;bottom:0;z-index:3;margin-inline:calc(-1 * var(--msb-gutter))}.msb__summary-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:12px var(--msb-gutter) calc(12px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--msb-border);box-shadow:0 -6px 20px #0000000f}.msb__summary-title,.msb__summary-empty,.msb__summary-list,.msb__summary-note{display:none}.msb__summary-total{flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:0;border:0}.msb__summary-total-price{font-size:16px}.msb__add{width:auto;min-width:150px}.msb__error{grid-column:1 / -1;margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/250/assets/mahjong-set-builder.css.map */