.csp-wrapper{display:flex;flex-wrap:nowrap;gap:2rem;margin-block:3rem 0;padding:.4rem .4rem 1.2rem;scrollbar-width:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth}.csp-wrapper::-webkit-scrollbar{display:none}.csp-wrapper:has(>:nth-child(2):last-child),.csp-wrapper:has(>:only-child){justify-content:center;overflow-x:visible;scroll-snap-type:none}custom-social-post,.csp-card{position:relative;display:flex;flex-direction:column;flex:0 0 300px;max-width:300px;scroll-snap-align:start;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #f0f0f0;box-shadow:0 6px 18px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.csp-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000017}.csp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff}.csp-head__title{font-size:14px;font-weight:600;color:#1a1a1a;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-head__icon{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;color:#1a1a1a;transition:color .2s ease,transform .2s ease}.csp-head__icon svg{width:18px;height:18px}a.csp-head__icon:hover{color:#c9a5a5;transform:scale(1.1)}.csp-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.csp-track::-webkit-scrollbar{display:none}.csp-slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:3 / 4;background:#fdf6f6}.csp-media{width:100%;height:100%;object-fit:cover;display:block}.csp-arrow{position:absolute;z-index:2;top:calc(52px + (100% - 100px)/2);translate:0 -50%;width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid #eee;border-radius:50%;background:#fffffff2;color:#c9a5a5;box-shadow:0 4px 12px #0000001f;cursor:pointer;opacity:0;transition:opacity .25s ease}.csp-arrow svg{width:15px;height:15px}.csp-arrow--prev{left:10px}.csp-arrow--next{right:10px}custom-social-post:hover .csp-arrow:not([hidden]),custom-social-post:focus-within .csp-arrow:not([hidden]){opacity:1}@media(hover:none){.csp-arrow{display:none}}.csp-dots{position:absolute;z-index:2;bottom:60px;left:50%;translate:-50% 0;display:flex;gap:6px;padding:5px 9px;border-radius:99px;background:#14141447;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.csp-dot{width:6px;height:6px;padding:0;margin:0;border:none;border-radius:50%;background:#ffffff8c;cursor:pointer;transition:background .2s ease,transform .2s ease;appearance:none;-webkit-appearance:none}.csp-dot.is-active{background:#fff;transform:scale(1.25)}a.csp-foot,.csp-foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding:13px 16px;background:#fff;border-top:1px solid #f5f5f5;text-decoration:none;transition:background .2s ease}.csp-foot:hover{background:#faf7f7}a.csp-foot .csp-foot__name,.csp-foot__name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.csp-foot:hover .csp-foot__name{color:#1a1a1a}.csp-foot__chevron{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border:1px solid #e8e8e8;border-radius:50%;color:#1a1a1a;background:#fff;transition:border-color .2s ease,color .2s ease,transform .2s ease}.csp-foot__chevron svg{width:12px;height:12px}.csp-foot:hover .csp-foot__chevron{border-color:#c9a5a5;color:#c9a5a5;transform:translate(2px)}.csp-nav{display:flex;align-items:center;gap:2.4rem;margin-top:2.4rem;padding:0 .4rem}.csp-nav__btns{flex:0 0 auto;display:flex;gap:.8rem}.csp-nav[hidden]{display:none}.csp-nav__bar{flex:1 1 auto;height:2px;background:#ebebeb;border-radius:99px;overflow:hidden}.csp-nav__progress{display:block;height:100%;width:0;background:#1a1a1a;border-radius:99px;transition:width .15s linear}.csp-nav__btn{flex:0 0 auto;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid #e8e8e8;border-radius:50%;background:#fff;color:#1a1a1a;cursor:pointer;transition:border-color .2s ease,color .2s ease,opacity .2s ease}.csp-nav__btn svg{width:15px;height:15px}.csp-nav__btn:hover:not(:disabled){border-color:#1a1a1a}.csp-nav__btn:disabled{opacity:.3;cursor:default}@media(max-width:749.98px){.csp-wrapper{gap:1.4rem;margin-block:2rem 0;scroll-padding-inline:1rem}custom-social-post,.csp-card{flex:0 0 min(280px,82%)}.csp-wrapper:has(>:nth-child(2):last-child){justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity}.csp-nav{gap:1.2rem;margin-top:1.6rem}.csp-nav__btns{display:none}}.csp-track:focus-visible,.csp-dot:focus-visible,.csp-arrow:focus-visible,.csp-head__icon:focus-visible,.csp-foot:focus-visible,.csp-nav__btn:focus-visible{outline:2px solid #c9a5a5;outline-offset:2px}@media(prefers-reduced-motion:reduce){.csp-wrapper{scroll-behavior:auto}.csp-card,.csp-card:hover{transform:none}.csp-arrow,.csp-dot,.csp-foot__chevron,.csp-nav__progress{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-social-post.css.map */