.xb-pill{position:absolute;top:12px;left:12px;z-index:2;display:inline-block;padding:7px 11px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.2;letter-spacing:.02em}.xb-pill--light{background:#fff;color:var(--xb-ink)}.xb-pill--red{background:var(--xb-red);color:#fff}.xb-pill--dark{background:var(--xb-ink);color:#fff}.xb-rit{background:var(--xb-studio);padding:104px 0}.xb-rit__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:start}.xb-rit__media{position:sticky;top:130px;aspect-ratio:4/5;overflow:hidden;background:var(--xb-line)}.xb-rit__media>video,.xb-rit__media>img,.xb-rit__media>svg{display:block;width:100%;height:100%;object-fit:cover}.xb-rit__head .xb-lead{margin-top:16px}.xb-steps{list-style:none;margin:40px 0 0;padding:0;counter-reset:none}.xb-step{display:grid;grid-template-columns:64px minmax(0,1fr) 104px;gap:20px;align-items:start;margin:0;padding:26px 0;border-top:1px solid var(--xb-line)}.xb-step:last-child{border-bottom:1px solid var(--xb-line)}.xb-step__n{font-size:40px;font-weight:300;line-height:1;color:var(--xb-red)}.xb-step__t{font-size:24px;font-weight:400;line-height:1.2}.xb-step__p{margin-top:4px;font-size:14px;font-weight:600;line-height:1.4}.xb-step__txt{margin-top:10px;font-size:15px;line-height:1.6}.xb-step__tag{display:inline-block;margin-top:12px;padding:5px 11px;border:1px solid var(--xb-red);border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--xb-red)}.xb-step__pic{display:flex;align-items:center;justify-content:center;gap:4px;height:120px;background:var(--xb-studio)}.xb-step__pic img{display:block;width:auto;height:auto;max-height:84%;max-width:46%}.xb-step__pic img:only-child{max-width:70%}.xb-ugc{background:#fff;padding:104px 0 96px;overflow:hidden}.xb-ugc__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.xb-ugc__head .xb-lead{margin-top:16px;max-width:56ch}.xb-ugc__nav{display:flex;gap:10px;flex:none}.xb-ugc__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--xb-ink);border-radius:50%;background:transparent;color:var(--xb-ink);cursor:pointer;transition:background .2s,color .2s}.xb-ugc__arrow:hover{background:var(--xb-ink);color:#fff}.xb-ugc__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.xb-chip{min-height:40px;padding:0 18px;border:1px solid var(--xb-line);border-radius:999px;background:transparent;color:var(--xb-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.xb-chip:hover{border-color:var(--xb-ink)}.xb-chip[aria-pressed=true]{border-color:var(--xb-red);background:var(--xb-red);color:#fff}.xb-ugc__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((min(100vw,1320px) - 128px)/4);gap:16px;margin-top:32px;padding:0 max(40px,calc((100% - 1320px)/2 + 40px)) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(40px,calc((100% - 1320px)/2 + 40px));scrollbar-width:none}.xb-ugc__track::-webkit-scrollbar{display:none}.xb-ugc__track:focus-visible{outline:2px solid var(--xb-ink);outline-offset:4px}.xb-ugc__card{scroll-snap-align:start;min-width:0}.xb-ugc__card[hidden]{display:none}.xb-ugc__media{position:relative;aspect-ratio:9/16;overflow:hidden;background:var(--xb-studio)}.xb-ugc__media>video,.xb-ugc__media>img,.xb-ugc__media>svg{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.xb-ugc__ctrl{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:6px}.xb-ugc__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#18181a57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s}.xb-ugc__btn:hover{background:#18181a99}.xb-ugc__sound .xb-on{display:none}.xb-ugc__sound[aria-pressed=true] .xb-on{display:inline}.xb-ugc__sound[aria-pressed=true] .xb-off{display:none}.xb-ugc__tag{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--xb-ink);text-decoration:none;transition:background .2s}.xb-ugc__tag:hover{background:#fff}.xb-ugc__thumb{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:#fff}.xb-ugc__thumb img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}.xb-ugc__info{flex:1;min-width:0;display:flex;flex-direction:column}.xb-ugc__name{overflow:hidden;font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.xb-ugc__price{font-size:12px;line-height:1.3;opacity:.7}.xb-ugc__tag svg{flex:none;width:14px;height:14px}.xb-ugc__btn svg{display:block;flex:none}.xb-ugc__cap{margin-top:12px;font-size:14px;line-height:1.4}.xb-lb{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0e0e10f0;color:#fff;overflow:hidden}.xb-lb[open]{display:flex;align-items:center;justify-content:center}.xb-lb::backdrop{background:transparent}.xb-lb__col{display:flex;flex-direction:column;align-items:center;gap:14px}.xb-lb__media{height:min(82vh,calc(88vw * 16 / 9));aspect-ratio:9/16;background:#000}.xb-lb__media video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.xb-lb__tag{width:min(360px,88vw)}.xb-lb__tag:empty{display:none}.xb-lb__tag .xb-ugc__tag{position:static}.xb-lb__btn{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .2s}.xb-lb__btn:hover{background:#ffffff42}.xb-lb__close{top:18px;right:18px}.xb-lb__nav{top:50%;transform:translateY(-50%)}.xb-lb__nav--prev{left:max(16px,calc(50% - 340px))}.xb-lb__nav--next{right:max(16px,calc(50% - 340px))}@media(max-width:989px){.xb-rit__grid{gap:44px}.xb-ugc__track{grid-auto-columns:calc((100vw - 56px - 32px)/3);padding-inline:28px;scroll-padding-inline:28px}}@media(max-width:749px){.xb-rit,.xb-ugc{padding:60px 0}.xb-rit__grid{grid-template-columns:minmax(0,1fr);gap:32px}.xb-rit__media{position:relative;top:auto}.xb-steps{margin-top:28px}.xb-step{grid-template-columns:44px minmax(0,1fr) 72px;gap:14px;padding:22px 0}.xb-step__n{font-size:30px}.xb-step__t{font-size:21px}.xb-step__pic{height:88px}.xb-ugc__nav{display:none}.xb-ugc__chips{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;scrollbar-width:none}.xb-chip{flex:none}.xb-ugc__btn{width:30px;height:30px}.xb-lb__media{height:min(76vh,calc(100vw * 16 / 9))}.xb-lb__btn{width:40px;height:40px}.xb-lb__close{top:12px;right:12px}.xb-lb__nav{background:#18181a66}.xb-lb__nav--prev{left:8px}.xb-lb__nav--next{right:8px}.xb-ugc__track{grid-auto-columns:64vw;gap:12px;margin-top:24px;padding-inline:20px;scroll-padding-inline:20px}}@media(prefers-reduced-motion:reduce){.xb-ugc__arrow,.xb-chip,.xb-ugc__btn,.xb-ugc__tag,.xb-lb__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/xb-more.css.map */