@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
.bone-shelf{gap:18px 16px}.bone-card,.bone-order,.bone-nav,.bone-panel,.bone-usage-side,.bone-usage-main{background:#fff;box-shadow:0 0 0 1px #1c19160d}.bone-card{border-radius:12px;overflow:hidden}.bone-card .react-loading-skeleton:after,.bone-order .react-loading-skeleton:after{animation-delay:calc(var(--i,0) * 70ms)}.bone-cover,.bone-hero{aspect-ratio:1;position:relative}.bone-cover .react-loading-skeleton,.bone-hero .react-loading-skeleton{width:100%;height:100%;position:absolute;inset:0}.bone-card-copy,.bone-deal,.bone-hero-copy,.bone-panel,.bone-usage-side,.bone-usage-main{align-content:start;gap:8px;display:grid}.bone-card-copy{padding:10px 10px 12px}.bone-card-price{align-items:center;gap:8px;margin-top:2px;display:flex}.bone-card-price .react-loading-skeleton{width:auto}.bone-deal{padding-top:8px}.bone-orders{gap:12px;display:grid}.bone-order{border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:18px 18px 16px;display:flex}.bone-order>div{flex:1;gap:8px;min-width:0;display:grid}.bone-hero-copy{margin-bottom:22px}.bone-nav,.bone-panel{border-radius:24px;padding:14px}.bone-usage{background:#fff;border:1px solid #18181b14;border-radius:22px;grid-template-columns:minmax(210px,250px) minmax(0,1fr);display:grid;overflow:hidden}.bone-usage-side,.bone-usage-main{box-shadow:none;padding:22px 20px}.bone-usage-side{border-right:1px solid #18181b0f}@media (max-width:800px){.bone-usage{grid-template-columns:1fr}.bone-usage-side{border-bottom:1px solid #18181b0f;border-right:0}}
