.tyo-bld{--tyo-pink:#E921AD;--tyo-pink-dark:#C4178F;--tyo-pink-soft:#FDF0F9;--tyo-bg:var(--color-background,#ffffff);--tyo-fg:var(--color-foreground,#000000cf);--tyo-head:var(--color-foreground-heading,#000000);--tyo-muted:#00000087;--tyo-line:#e6e6e6;--tyo-faint:#f5f5f5;--tyo-card-r:12px;--tyo-btn-r:14px;background:var(--tyo-bg);color:var(--tyo-fg);font-family:inherit;padding-bottom:104px;min-height:60vh}.tyo-bld *{box-sizing:border-box}.tyo-bld__intro{max-width:720px;margin:0 auto;padding:26px 20px 16px;text-align:center}.tyo-bld__title{font-size:clamp(24px,4.5vw,40px);line-height:1.12;margin:0 0 10px;color:var(--tyo-head);font-weight:700}.tyo-bld__sub{font-size:14px;line-height:1.7;color:var(--tyo-muted);margin:0}.tyo-bld__note{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:.04em;font-weight:600;color:var(--tyo-pink);border:1px solid var(--tyo-pink);border-radius:999px;padding:6px 14px}.tyo-tabs{position:sticky;top:0;z-index:30;background:var(--tyo-bg);border-bottom:1px solid var(--tyo-line)}.tyo-tabs__inner{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:10px 14px;max-width:1200px;margin:0 auto}.tyo-tabs__inner::-webkit-scrollbar{display:none}.tyo-tab{flex:0 0 auto;display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--tyo-line);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;color:var(--tyo-head);cursor:pointer;white-space:nowrap;transition:.18s;font-family:inherit}.tyo-tab:hover{border-color:var(--tyo-pink)}.tyo-tab[aria-selected=true]{background:var(--tyo-pink);border-color:var(--tyo-pink);color:#fff}.tyo-tab__dot{width:18px;height:18px;border-radius:50%;background:var(--tyo-pink);color:#fff;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;line-height:1}.tyo-tab.is-filled .tyo-tab__dot{display:flex}.tyo-tab[aria-selected=true] .tyo-tab__dot{background:#fff;color:var(--tyo-pink)}.tyo-mini{display:none;max-width:1200px;margin:0 auto;padding:0 14px 8px;font-size:12px;line-height:1.4;color:var(--tyo-muted);letter-spacing:.01em;align-items:center;justify-content:space-between;gap:10px}.tyo-mini.is-on{display:flex}.tyo-mini__sum{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tyo-mini b{font-weight:600;color:var(--tyo-head)}.tyo-mini i{font-style:normal;color:var(--tyo-pink);font-weight:600}.tyo-mini s{opacity:.55;margin:0 4px 0 0}.tyo-mini__go{flex:0 0 auto;background:var(--tyo-pink);color:#fff;text-decoration:none;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:999px;white-space:nowrap}.tyo-mini__go:hover{background:var(--tyo-pink-dark)}.tyo-panel{display:none;max-width:1200px;margin:0 auto;padding:20px 14px 0}.tyo-panel.is-active{display:block}.tyo-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tyo-panel__h{font-size:17px;margin:0;color:var(--tyo-head);font-weight:700}.tyo-panel__all{font-size:12px;color:var(--tyo-muted);text-decoration:underline;text-underline-offset:3px}.tyo-panel__skip{display:block;width:100%;margin:24px auto 8px;max-width:340px;background:transparent;border:1px solid var(--tyo-line);border-radius:var(--tyo-btn-r);padding:13px;font-size:14px;color:var(--tyo-muted);cursor:pointer;font-family:inherit}.tyo-panel__skip:hover{border-color:var(--tyo-pink);color:var(--tyo-pink)}.tyo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(min-width:700px){.tyo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media(min-width:1000px){.tyo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tyo-grid--wide{grid-template-columns:minmax(0,1fr)}@media(min-width:700px){.tyo-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.tyo-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}}.tyo-card{position:relative;background:var(--tyo-bg);border:1px solid var(--tyo-line);border-radius:var(--tyo-card-r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}.tyo-card.is-in{border-color:var(--tyo-pink);box-shadow:inset 0 0 0 1px var(--tyo-pink);background:var(--tyo-pink-soft)}.tyo-card__in{display:none;position:absolute;top:8px;right:8px;z-index:2;background:var(--tyo-pink);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:4px 9px;border-radius:100px}.tyo-card.is-in .tyo-card__in{display:block}.tyo-card__media{position:relative;display:block;aspect-ratio:1/1;background:var(--tyo-faint);overflow:hidden;border-radius:10px;margin:6px 6px 0}.tyo-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s;border-radius:10px}.tyo-card__img--alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.tyo-card__media:hover .tyo-card__img--alt{opacity:1}.tyo-card--wide .tyo-card__media{aspect-ratio:2/1}.tyo-card--wide .tyo-card__img{object-fit:contain}.tyo-card__low{position:absolute;top:8px;left:8px;background:#000;color:#fff;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:100px}.tyo-card__body{padding:9px 10px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.tyo-card__name{font-size:13.5px;line-height:1.35;margin:0;font-weight:500;color:var(--tyo-head);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tyo-card__name a{color:inherit;text-decoration:none}.tyo-card__meta{font-size:12px;color:var(--tyo-muted);margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tyo-card__meta b{font-size:14.5px;font-weight:700;color:var(--tyo-head)}.tyo-card__foot{margin-top:auto;display:flex;align-items:stretch;gap:5px}.tyo-step{display:flex;align-items:center;flex:0 0 76px;width:76px;border:1px solid var(--tyo-line);border-radius:8px;overflow:hidden;height:38px;background:var(--tyo-bg)}.tyo-step button{width:24px;flex:0 0 24px;height:100%;border:0;background:transparent;font-size:16px;line-height:1;color:var(--tyo-head);cursor:pointer;font-family:inherit;padding:0}.tyo-step button:disabled{opacity:.25;cursor:not-allowed}.tyo-step__val{flex:1;text-align:center;font-size:12px;font-weight:600;color:var(--tyo-head);white-space:nowrap;overflow:hidden}.tyo-add{flex:1;min-width:0;height:38px;border:1px solid var(--tyo-pink);background:var(--tyo-pink);color:#fff;border-radius:var(--tyo-btn-r);font-size:12.5px;font-weight:600;cursor:pointer;transition:.18s;font-family:inherit;white-space:nowrap;padding:0 4px;overflow:hidden;text-overflow:ellipsis}.tyo-add:hover{background:var(--tyo-pink-dark);border-color:var(--tyo-pink-dark)}.tyo-add.is-added{background:#fff;color:var(--tyo-pink)}.tyo-add:disabled{opacity:.6;cursor:not-allowed}.tyo-add__sm{display:inline}.tyo-add__lg{display:none}.tyo-rm{display:none;flex:0 0 36px;width:36px;height:38px;border:1px solid var(--tyo-line);border-radius:8px;background:transparent;color:var(--tyo-muted);font-size:15px;line-height:1;cursor:pointer;font-family:inherit;padding:0}.tyo-rm:hover{border-color:var(--tyo-pink);color:var(--tyo-pink)}.tyo-card.is-in .tyo-rm{display:block}@media(min-width:560px){.tyo-add__sm{display:none}.tyo-add__lg{display:inline}.tyo-add{font-size:13px}.tyo-step{flex:0 0 88px;width:88px}.tyo-step button{width:28px;flex:0 0 28px}}.tyo-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--tyo-bg);border-top:1px solid var(--tyo-line);box-shadow:0 -6px 24px #00000014;transform:translateY(110%);transition:transform .25s}.tyo-bar.is-on{transform:translateY(0)}.tyo-bar__inner{max-width:1200px;margin:0 auto;padding:11px 14px;display:flex;align-items:center;gap:12px}.tyo-bar__info{flex:1;min-width:0}.tyo-bar__count{font-size:12px;color:var(--tyo-muted);display:block;line-height:1.4}.tyo-bar__total{font-size:17px;font-weight:700;color:var(--tyo-head);line-height:1.25}.tyo-bar__was{font-size:13px;color:var(--tyo-muted);text-decoration:line-through;margin-left:7px;font-weight:400}.tyo-bar__save{color:var(--tyo-pink);font-size:12px;font-weight:600;display:block;line-height:1.4}.tyo-bar__go{flex:0 0 auto;background:var(--tyo-pink);color:#fff;border:0;border-radius:var(--tyo-btn-r);padding:13px 26px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-block;font-family:inherit;cursor:pointer}.tyo-bar__go:hover{background:var(--tyo-pink-dark)}@media(max-width:420px){.tyo-bar__go{padding:13px 18px;font-size:14px}}.tyo-empty{text-align:center;color:var(--tyo-muted);padding:40px 10px;font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/tyo-builder.css.map */