shintop-kit-builder{display:block}.shintop-kitb__form{container-type:inline-size}.shintop-kitb__sample{margin:0 0 var(--shintop-space-4);padding:var(--shintop-space-2) var(--shintop-space-3);border:.1rem dashed var(--shintop-amber-line);border-radius:var(--shintop-radius);background:var(--shintop-amber-soft);font-size:var(--shintop-text-xs);font-weight:600}.shintop-kitb__intro{margin:var(--shintop-space-2) 0 0;color:var(--shintop-ink-soft);font-size:var(--shintop-text-base)}.shintop-kitb__form{display:grid;gap:var(--shintop-space-6);margin-top:var(--shintop-space-5)}.shintop-kitb__sizes,.shintop-kitb__part{margin:0;padding:0;border:0;min-width:0}.shintop-kitb__legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shintop-space-2);margin:0 0 var(--shintop-space-3);padding:0;font-size:var(--shintop-text-lg);font-weight:700;color:var(--shintop-ink)}.shintop-kitb__packs{font-size:var(--shintop-text-xs);font-weight:600;color:var(--shintop-ink-soft)}.shintop-kitb__size-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--shintop-space-3)}.shintop-kitb__size{display:flex;align-items:center;gap:var(--shintop-space-2);min-height:5.2rem;padding:var(--shintop-space-2) var(--shintop-space-3);border:.1rem solid var(--shintop-rule-control);border-radius:var(--shintop-radius-lg);background:var(--shintop-surface-raised);cursor:pointer;font-size:var(--shintop-text-base);font-weight:600}.shintop-kitb__size:has(input:checked){border-color:var(--shintop-navy);box-shadow:inset 0 0 0 .1rem var(--shintop-navy)}.shintop-kitb__size-input,.shintop-kitb__input{width:2rem;height:2rem;margin:0;flex:none;accent-color:var(--shintop-navy)}.shintop-kitb__size-note{margin:var(--shintop-space-2) 0 0;font-size:var(--shintop-text-sm);color:var(--shintop-ink-soft)}.shintop-kitb{--shintop-kitb-card: calc((100cqi - var(--shintop-space-3)) / 1.5);--shintop-kitb-text: 22.8rem}.shintop-kitb__choices{display:grid;grid-auto-flow:column;grid-auto-columns:var(--shintop-kitb-card);gap:var(--shintop-space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:var(--shintop-space-2)}.shintop-kitb__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;gap:var(--shintop-space-3);padding:var(--shintop-space-3);scroll-snap-align:start;border:.1rem solid var(--shintop-rule-strong);border-radius:var(--shintop-radius-lg);background:var(--shintop-surface-raised);cursor:pointer}.shintop-kitb__card .shintop-kitb__input{position:absolute;top:var(--shintop-space-3);right:var(--shintop-space-3)}.shintop-kitb__card.is-selected,.shintop-kitb__card:has(.shintop-kitb__input:checked){border-color:var(--shintop-navy);box-shadow:inset 0 0 0 .1rem var(--shintop-navy)}.shintop-kitb__card.is-soldout{cursor:not-allowed;opacity:.6}.shintop-kitb__media{display:block;margin-inline:1.6rem;aspect-ratio:1;border-radius:var(--shintop-radius);background:var(--shintop-card);overflow:hidden}.shintop-kitb__image{display:block;width:100%;height:100%;object-fit:contain}.shintop-kitb__text{display:grid;align-content:start;min-height:var(--shintop-kitb-text);gap:var(--shintop-space-1);min-width:0}.shintop-kitb__title{font-size:var(--shintop-text-sm);font-weight:500;line-height:1.35;color:var(--shintop-ink)}.shintop-kitb__size-line{font-size:var(--shintop-text-xs);color:var(--shintop-ink-soft)}.shintop-kitb__size-text{display:grid;gap:.2rem}.shintop-kitb__size-sub{display:flex;flex-wrap:wrap;gap:0 var(--shintop-space-1)}.shintop-kitb__size-serve{font-size:var(--shintop-text-xs);font-weight:600;color:var(--shintop-ink)}.shintop-kitb__size-serve:before{content:"\b7  ";font-weight:500;color:var(--shintop-ink-soft)}.shintop-kitb__size-row--stack{grid-template-columns:minmax(0,1fr)}.shintop-kitb__size-price{font-size:var(--shintop-text-xs);font-weight:500;font-variant-numeric:tabular-nums;color:var(--shintop-ink-soft)}.shintop-kitb__yield{display:grid;font-size:var(--shintop-text-xs);font-weight:600;color:var(--shintop-ink)}.shintop-kitb__spare{font-weight:500;color:var(--shintop-ink-soft)}.shintop-kitb__spare:before{content:"\200b"}.shintop-kitb__diff{font-size:var(--shintop-text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--shintop-ink-soft)}.shintop-kitb__card.is-selected .shintop-kitb__diff,.shintop-kitb__card:has(.shintop-kitb__input:checked) .shintop-kitb__diff{color:var(--shintop-green-deep)}.shintop-kitb__part-out{margin:var(--shintop-space-2) 0 0;font-size:var(--shintop-text-sm);color:var(--shintop-danger)}.shintop-kitb__summary{position:sticky;bottom:0;z-index:2;display:grid;gap:var(--shintop-space-2);margin:0;padding:var(--shintop-space-3) var(--shintop-space-4);border:.1rem solid var(--shintop-rule-strong);border-radius:var(--shintop-radius-lg);background:var(--shintop-surface-raised);box-shadow:var(--shintop-shadow-lift)}.shintop-kitb__total{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 var(--shintop-space-3);margin:0}.shintop-kitb__makes{flex-basis:100%;font-size:var(--shintop-text-sm);font-weight:600;color:var(--shintop-ink)}.shintop-kitb__total-label{font-size:var(--shintop-text-base);font-weight:600;color:var(--shintop-ink)}.shintop-kitb__total-value{font-size:var(--shintop-text-xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--shintop-ink)}.shintop-kitb__add{min-height:4.8rem}.shintop-kitb__error{margin:0;font-size:var(--shintop-text-sm);color:var(--shintop-danger)}@media(hover:hover){.shintop-kitb__card:not(.is-soldout):hover,.shintop-kitb__size:hover{border-color:var(--shintop-navy)}}@media screen and (min-width:750px){.shintop-kitb__size-row{max-width:48rem}.shintop-kitb__size-row--stack{grid-template-columns:repeat(2,minmax(0,1fr));max-width:72rem}.shintop-kitb{--shintop-kitb-card: calc((100cqi - 2 * var(--shintop-space-3)) / 2.5);--shintop-kitb-col: calc((100% - 2 * var(--shintop-space-3)) / 2.5)}.shintop-kitb__total{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline}.shintop-kitb__makes{grid-column:1 / -1}.shintop-kitb__summary{grid-template-columns:auto minmax(24rem,32rem);justify-self:end;width:fit-content;max-width:100%;align-items:center;gap:var(--shintop-space-2) var(--shintop-space-5)}.shintop-kitb__error{grid-column:1 / -1}}@media screen and (min-width:990px){.shintop-kitb__form{max-width:96rem}.shintop-kitb{--shintop-kitb-card: 22rem;--shintop-kitb-col: 22rem}}@media screen and (min-width:750px){.shintop-kitb__form{grid-template-columns:repeat(auto-fill,var(--shintop-kitb-col));column-gap:var(--shintop-space-3)}.shintop-kitb__form>*{grid-column:1 / -1}.shintop-kitb__form>.shintop-kitb__part:not(.shintop-kitb__part--single){width:100cqi}.shintop-kitb__form>.shintop-kitb__part--single{grid-column:auto;display:flex;flex-direction:column}.shintop-kitb__part--single .shintop-kitb__choices{flex:1 1 auto}.shintop-kitb__part--single>.shintop-kitb__legend{min-height:2lh;align-content:flex-end}}@media screen and (min-width:1200px){.shintop-kitb__form{max-width:none}}@media screen and (min-width:990px){.shintop-kitb__form{grid-template-columns:repeat(3,var(--shintop-kitb-col))}}@media screen and (min-width:990px){.shintop-kitb{--shintop-kitb-n: 4;--shintop-kitb-between: var(--shintop-space-7);--shintop-kitb-card: calc((100cqi - (var(--shintop-kitb-n) - 1) * var(--shintop-kitb-between) - var(--shintop-kitb-n) * .1rem) / var(--shintop-kitb-n))}.shintop-kitb__form{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--shintop-space-6) var(--shintop-kitb-between);max-width:none}.shintop-kitb__form>*{flex:0 0 100%}.shintop-kitb__form>.shintop-kitb__part:not(:empty){--shintop-kitb-k: 1;display:flex;flex-direction:column;flex:0 0 auto;width:calc(var(--shintop-kitb-k) * var(--shintop-kitb-card) + (var(--shintop-kitb-k) - 1) * var(--shintop-space-3) + .1rem)}.shintop-kitb__form>.shintop-kitb__part--n2:not(:empty){--shintop-kitb-k: 2}.shintop-kitb__form>.shintop-kitb__part--n3:not(:empty){--shintop-kitb-k: 3}.shintop-kitb__form>.shintop-kitb__part>.shintop-kitb__legend{min-height:2lh;align-content:flex-end}.shintop-kitb__part .shintop-kitb__choices{flex:1 1 auto}.shintop-kitb__form>.shintop-kitb__summary{flex:0 1 auto;margin-inline-start:auto;align-self:flex-end}}@media screen and (min-width:1300px){.shintop-kitb{--shintop-kitb-n: 5}}@media screen and (min-width:990px){.shintop-kitb{--shintop-kitb-between: var(--shintop-space-5);--shintop-kitb-tray: var(--shintop-space-3);--shintop-kitb-card: calc((100cqi - (var(--shintop-kitb-n) - 1) * var(--shintop-kitb-between) - var(--shintop-kitb-n) * (.1rem + 2 * var(--shintop-kitb-tray) + .2rem)) / var(--shintop-kitb-n))}.shintop-kitb__form>.shintop-kitb__part:not(:empty){box-sizing:border-box;width:calc(var(--shintop-kitb-k) * var(--shintop-kitb-card) + (var(--shintop-kitb-k) - 1) * var(--shintop-space-3) + .1rem + 2 * var(--shintop-kitb-tray) + .2rem);padding:var(--shintop-kitb-tray);border:.1rem solid var(--shintop-rule);border-radius:var(--shintop-radius-lg);background:var(--shintop-surface)}.shintop-kitb__form>.shintop-kitb__part>.shintop-kitb__legend{float:left;width:100%;display:grid;gap:0;min-height:0;font-size:var(--shintop-text-sm)}.shintop-kitb__form>.shintop-kitb__part .shintop-kitb__packs,.shintop-kitb__form>.shintop-kitb__part .shintop-kitb__packs[hidden]{display:block;min-height:1lh}.shintop-kitb{--shintop-kitb-n: 3}}@media screen and (min-width:1360px){.shintop-kitb{--shintop-kitb-n: 4}}@media screen and (min-width:990px){.shintop-kitb__form>.shintop-kitb__summary{flex:0 0 100%;width:100%;margin-inline-start:0;grid-template-columns:minmax(0,1fr) minmax(28rem,40rem);padding:var(--shintop-space-4) var(--shintop-space-5)}.shintop-kitb__form>.shintop-kitb__summary .shintop-kitb__total{grid-template-columns:auto minmax(0,1fr)}.shintop-kitb__form>.shintop-kitb__summary .shintop-kitb__total-value,.shintop-kitb__form>.shintop-kitb__summary .shintop-kitb__makes{justify-self:end;text-align:end}.shintop-kitb__form>.shintop-kitb__summary .shintop-kitb__makes{grid-column:2}}@media screen and (min-width:990px){.shintop-kitb__form>.shintop-kitb__part .shintop-kitb__choices{overflow:visible;padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-shintop-kit-builder.css.map */