cloudsy-mattress-stories{--csm-heading: #2f77a8;--csm-text: #244c70;--csm-soft: #edf7ff;--csm-accent: #75b8e8;display:block;width:100%;min-width:0;max-width:100%;margin:4px 0 0;padding:0;color:var(--csm-text)}cloudsy-mattress-stories,cloudsy-mattress-stories *{box-sizing:border-box;font-family:Poppins,Arial,sans-serif!important;font-style:normal}cloudsy-mattress-stories [hidden]{display:none!important}cloudsy-mattress-stories .csm-heading{margin:0 0 6px;color:var(--csm-heading);-webkit-text-fill-color:var(--csm-heading);font-size:26px;font-weight:500;line-height:1.3;letter-spacing:-.02em;text-transform:none}cloudsy-mattress-stories .csm-views{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin:0 0 16px;padding:4px 12px;border:1px solid var(--csm-accent);border-radius:999px;background:#f6fbff;color:var(--csm-heading);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0}cloudsy-mattress-stories .csm-views svg{flex:0 0 16px;color:#2584c3}cloudsy-mattress-stories .csm-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px) / 3.75);gap:6px;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#83cbe9 #edf3f8}cloudsy-mattress-stories.csm-ready .csm-track{scrollbar-width:none}cloudsy-mattress-stories.csm-ready .csm-track::-webkit-scrollbar{display:none}cloudsy-mattress-stories .csm-card{position:relative;min-width:0;aspect-ratio:9 / 16;overflow:hidden;border-radius:9px;background:var(--csm-soft)}cloudsy-mattress-stories .csm-video{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:inherit;background:var(--csm-soft)}cloudsy-mattress-stories button{appearance:none;-webkit-appearance:none;margin:0;border:0;box-shadow:none;cursor:pointer;text-transform:none;-webkit-tap-highlight-color:transparent}cloudsy-mattress-stories .csm-play,cloudsy-mattress-stories .csm-sound{display:none;position:absolute;z-index:2;align-items:center;justify-content:center;padding:0;color:#fff;background:#122a3da3;border-radius:50%}cloudsy-mattress-stories.csm-ready .csm-play{display:flex}cloudsy-mattress-stories .csm-play{left:9px;bottom:10px;width:36px;height:36px}cloudsy-mattress-stories .csm-play svg{width:21px;height:21px}cloudsy-mattress-stories .csm-sound{top:8px;right:8px;width:30px;height:30px}cloudsy-mattress-stories .csm-sound svg{width:18px;height:18px}cloudsy-mattress-stories .csm-card[data-started] .csm-play{display:none}cloudsy-mattress-stories .csm-card[data-started] .csm-sound{display:flex}cloudsy-mattress-stories .csm-sound-off{display:none}cloudsy-mattress-stories .csm-sound[aria-pressed=true] .csm-sound-off{display:block}cloudsy-mattress-stories .csm-sound[aria-pressed=true] .csm-sound-waves{display:none}cloudsy-mattress-stories .csm-error{position:absolute;left:6px;right:6px;top:6px;padding:6px;border-radius:5px;background:#fff;color:var(--csm-text);font-size:11px;line-height:1.4}cloudsy-mattress-stories .csm-navigation{display:flex;align-items:center;width:100%;gap:3px;margin:4px 0 8px;min-height:24px}cloudsy-mattress-stories .csm-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:24px;padding:0;border-radius:3px;color:#6ac6e9;background:transparent}cloudsy-mattress-stories .csm-arrow svg{width:12px;height:12px}cloudsy-mattress-stories .csm-arrow:disabled{opacity:.35;cursor:default}cloudsy-mattress-stories .csm-scroll{--csm-thumb-width: 70%;appearance:none;-webkit-appearance:none;display:block;flex:1 1 0;width:0;min-width:0;height:24px;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;cursor:pointer}cloudsy-mattress-stories .csm-scroll::-webkit-slider-runnable-track{height:6px;background:#edf3f8;border-radius:6px}cloudsy-mattress-stories .csm-scroll::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--csm-thumb-width);height:6px;border:0;border-radius:6px;background:#83d5ef;box-shadow:none}cloudsy-mattress-stories .csm-scroll::-moz-range-track{height:6px;border-radius:6px;background:#edf3f8}cloudsy-mattress-stories .csm-scroll::-moz-range-thumb{width:var(--csm-thumb-width);height:6px;border:0;border-radius:6px;background:#83d5ef}cloudsy-mattress-stories :is(button,input,.csm-track):focus-visible{outline:2px solid var(--csm-heading);outline-offset:-2px}cloudsy-mattress-stories .csm-review{display:flex;align-items:flex-start;gap:14px;margin:0;padding:15px;border:1px solid #edf3f8;border-radius:12px;background:#fff;box-shadow:0 2px 6px #244c700f}cloudsy-mattress-stories .csm-avatar{display:block;flex:0 0 54px;width:54px;height:54px;border-radius:50%;object-fit:cover}cloudsy-mattress-stories .csm-avatar-initial{display:flex;align-items:center;justify-content:center;color:var(--csm-heading);background:#e8f6fc;font-size:23px;font-weight:500}cloudsy-mattress-stories .csm-review-content{flex:1;min-width:0}cloudsy-mattress-stories .csm-review-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:7px}cloudsy-mattress-stories .csm-review-name{color:var(--csm-heading);font-size:14px;font-weight:500;line-height:1.4}cloudsy-mattress-stories .csm-stars{display:inline-flex;gap:1px;color:#f5c518}cloudsy-mattress-stories .csm-stars svg{width:15px;height:15px}cloudsy-mattress-stories .csm-star-empty{color:#dce9f2}cloudsy-mattress-stories .csm-review-quote{margin:0;padding:0;border:0;color:var(--csm-text);font-size:13px;font-weight:400;line-height:1.6;letter-spacing:0}@media(max-width:749px){cloudsy-mattress-stories .csm-heading{font-size:23px}cloudsy-mattress-stories .csm-track{grid-auto-columns:calc((100% - 12px) / 2.25)}cloudsy-mattress-stories .csm-review{gap:10px;padding:12px}cloudsy-mattress-stories .csm-avatar{flex-basis:42px;width:42px;height:42px}cloudsy-mattress-stories .csm-review-quote{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/cloudsy-mattress-videos.css.map */