.story-tabs{--st-bg-top: #FEF6F9;--st-bg-bottom: #F1FAFE;--st-pink: #F98BB1;--st-accent: #FFAAC5;--st-blue: #4ECDE8;--st-heading: #8a5d3b;--st-text-soft: var(--c-text-soft);--st-nunito: var(--font-body, "Nunito", system-ui, sans-serif);--st-fact-label: #4ECDE8;--st-chip-bg: #FFE8F2;--st-tint-blue: #E9F7FD;--st-tint-pink: #FFE8F2;--st-row-tint: #F5F5F7;--st-pink-strong: #FF6FA8;background:linear-gradient(180deg,var(--st-bg-top) 0%,var(--st-bg-bottom) 100%);padding-block:var(--sp-5) var(--sp-8)}.story-tabs .container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad-x)}.story-tabs__card{border-radius:1.5rem;overflow:hidden;background:var(--color-white);box-shadow:0 10px 30px #ffa8bd38}.story-tabs__bar{position:relative;display:flex;padding:21px 5px 0;align-items:stretch;background:linear-gradient(270.07deg,#d7f7ff 30.26%,#e8eff8 40.02%,#f9e8f2 48.93%,#ffe6f0 55.21%,#fff5c2 79.33%)}.story-tabs__bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--st-active-accent, #7CD5F3);z-index:1;pointer-events:none;transition:background var(--t-base) var(--ease-soft)}.story-tabs__tab{position:relative;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.5rem;border:0;background:transparent;font-family:var(--font-display);font-size:1.1rem;font-weight:var(--fw-semi);color:var(--c-text);cursor:pointer;transition:background var(--t-fast) var(--ease-soft),color var(--t-fast) var(--ease-soft)}.story-tabs__tab-icon{width:3.5rem;height:3.5rem;object-fit:contain;flex-shrink:0;transition:transform var(--t-fast) var(--ease-soft)}.story-tabs__tab:hover{background:#ffffff73;border-radius:1.125rem 1.125rem 0 0}.story-tabs__tab:hover .story-tabs__tab-icon{transform:scale(1.1) rotate(-4deg)}.story-tabs__tab.is-active{background:var(--color-white);border-radius:1.125rem 1.125rem 0 0;font-weight:var(--fw-bold);color:var(--st-accent)}.story-tabs__tab.is-active:before,.story-tabs__tab.is-active:after{content:"";position:absolute;bottom:0;width:1.125rem;height:1.125rem;pointer-events:none}.story-tabs__tab.is-active .story-tabs__tab-icon{animation:story-icon-pop .45s var(--ease-soft)}@keyframes story-icon-pop{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(-6deg)}70%{transform:scale(.95) rotate(3deg)}to{transform:scale(1)}}.story-tabs__tab:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:-3px;border-radius:1.125rem}.story-tabs__panel{padding:2.75rem 2.75rem 3rem;background:var(--panel-bg, var(--color-white));animation:story-panel-in .4s var(--ease-soft)}.story-tabs__panel[hidden]{display:none}.story-tabs__panel--play{padding:0}@keyframes story-panel-in{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}.story-tabs__eyebrow{font-family:var(--font-display);font-size:.75rem;font-weight:var(--fw-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--st-accent)}.story-tabs__eyebrow--center{display:block;text-align:center}.story-tabs__story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3rem}.story-tabs__heading{margin-top:.625rem;font-family:var(--st-nunito);font-size:1.625rem;font-weight:900;line-height:var(--lh-snug)}.story-tabs__heading-main{display:block;color:#8a5d3b}.story-tabs__heading-accent{display:block;color:var(--st-pink)}.story-tabs__body{margin-top:1rem;font-size:.9375rem;line-height:1.6;color:#7a4f32;font-weight:400}.story-tabs__body p+p{margin-top:.75rem}.story-tabs__fact{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:.875rem 1.125rem;background:var(--st-tint-blue);border-radius:.75rem}.story-tabs__fact-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;background:var(--color-white);border-radius:50%;font-size:1rem;box-shadow:0 2px 6px #00000014}.story-tabs__fact-icon img{display:block;width:1.25rem;height:auto}.story-tabs__fact-text{font-size:.8125rem;line-height:1.55;color:var(--c-text);align-self:center}.story-tabs__fact-label{color:var(--st-fact-label);font-weight:var(--fw-bold);margin-right:.25rem}.story-tabs__chips{display:flex;flex-wrap:wrap;gap:.375rem;margin:1.25rem 0 0;padding:0;list-style:none}.story-tabs__chip{display:inline-flex;align-items:center;gap:.1875rem;min-height:1.75rem;padding:.375rem .75rem;border-radius:var(--radius-pill);background:var(--st-chip-bg);font-size:.75rem;font-weight:var(--fw-bold);line-height:1;color:var(--st-pink-strong);white-space:nowrap}.story-tabs__chip-icon{font-size:.8125rem;line-height:1}.story-tabs__chip-flag{flex:0 0 auto;width:.95rem;height:auto;border-radius:1px;margin-top:-1px}.story-tabs__media{position:relative;display:flex;flex-direction:column}.story-tabs__wishlist{position:absolute;top:-11px;right:-14px;z-index:3;width:3.75rem;height:3.75rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #FBD3E2;border-radius:50%;background:var(--color-white);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden}.story-tabs__wishlist:focus-within{outline:2px solid var(--c-focus-ring);outline-offset:2px}.story-tabs__media-frame{position:relative;flex:0 0 auto;aspect-ratio:var(--story-ratio, 4 / 3);border-radius:1.25rem;border:2px solid transparent;border-top:2.5px solid #FFF3C6;background:linear-gradient(var(--color-white),var(--color-white)) padding-box,linear-gradient(135deg,#faf0cc,#f3e2a6) border-box;box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.story-tabs__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(1.25rem - 2px)}.story-tabs__badge{position:absolute;left:-1.75rem;bottom:-1.5rem;z-index:2;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:4.5rem;padding:.8rem 1.8rem;border-radius:.875rem;background:var(--color-white);border-top:1.88px solid #FF6FA830;box-shadow:0 2px 4px -2px #0000001a,0 4px 6px -1px #0000001a;text-align:center}.story-tabs__badge-top{font-family:var(--font-display);font-size:1rem;font-weight:var(--fw-bold);color:var(--st-pink-strong);line-height:var(--lh-tight)}.story-tabs__badge-bottom{font-size:.625rem;color:var(--c-text-soft);line-height:var(--lh-snug);font-weight:600}.story-tabs__texture{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:stretch}.story-tabs__trait-card{display:flex;flex-direction:column;background:var(--color-white);border-radius:1rem;overflow:hidden;border-top:1.88px solid #FFA8BD40;box-shadow:0 2px 4px -2px #0000001a}.story-tabs__trait-head{background:linear-gradient(90deg,#a6e8ff,#7cd5f3);padding:1.25rem 1.5rem;color:var(--color-white)}.story-tabs__trait-title{font-family:var(--font-display);font-size:1.1875rem;font-weight:var(--fw-bold)}.story-tabs__trait-subtitle{font-size:.6875rem;opacity:.9;margin-top:.25rem}.story-tabs__traits{list-style:none;padding:1.25rem 1.5rem 0;margin:0;display:flex;flex-direction:column;gap:.5rem}.story-tabs__trait{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1.25rem;background:transparent;border-radius:1rem;transition:background var(--t-fast) var(--ease-soft)}.story-tabs__trait:nth-child(odd){background:#fafafa}.story-tabs__trait:hover{background:#fdeff5}.story-tabs__trait-label{display:inline-flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:var(--fw-semi);color:var(--c-text)}.story-tabs__trait-icon{font-size:.875rem}.story-tabs__dots{display:inline-flex;gap:.375rem}.story-tabs__dot{width:.8125rem;height:.8125rem;border-radius:50%;background:var(--color-white);border:1px solid #E3E3E8;transition:transform var(--t-fast) var(--ease-soft)}.story-tabs__dot.is-filled{background:#f45fa2;border-color:#f45fa2}.story-tabs__trait:hover .story-tabs__dot.is-filled{transform:scale(1.2)}.story-tabs__trait-pills{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 1.5rem 0;padding-top:1.25rem;border-top:1px solid #EFEFF3}.story-tabs__pill{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-pill);background:var(--color-white);font-size:.8125rem;color:var(--c-text);font-weight:600}.story-tabs__pill--blue{background:var(--st-tint-blue);border:1.5px solid #A8DFF5}.story-tabs__pill--blue strong{color:var(--st-blue)}.story-tabs__pill--pink{background:var(--st-tint-pink);border:1.5px solid #F9C4DA}.story-tabs__pill--pink strong{color:var(--st-accent)}.story-tabs__asmr{display:flex;align-items:center;gap:.75rem;margin:1rem 1.5rem 1.5rem;padding:.625rem 1.25rem;background:#e9f5fb;border-radius:.875rem;font-size:.875rem;font-weight:var(--fw-semi);color:var(--c-text)}.story-tabs__asmr-line{flex:1 1 auto}.story-tabs__asmr-stars{display:inline-flex;gap:.25rem}.story-tabs__asmr-star{width:1.0625rem;height:1.0625rem;fill:#ffc132}.story-tabs__texture-media{position:relative;min-height:24rem;border-radius:1rem;overflow:hidden;box-shadow:0 4px 14px #00000014}.story-tabs__texture-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.story-tabs__included{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:3rem;align-items:start}.story-tabs__included-img{display:block;width:100%;aspect-ratio:1 / 1.05;object-fit:cover;border-radius:1rem;border:2px solid #F9CBDD}.story-tabs__included-name{font-size:.9375rem;color:var(--c-text)}.story-tabs__included-heading{margin-top:.25rem;font-family:var(--font-button);font-size:1.75rem;font-weight:var(--fw-bold);color:var(--st-accent)}.story-tabs__included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:1.25rem}.story-tabs__included-item{aspect-ratio:1 / 1.1;border-radius:1rem;overflow:hidden;background:#d9d9d9;display:block;width:100%;padding:0;border:0;margin:0;font:inherit;color:inherit;cursor:zoom-in;-webkit-appearance:none;appearance:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s var(--ease-soft)}.story-tabs__included-item:hover,.story-tabs__included-item:focus-visible{transform:translateY(-3px) scale(1.03) rotate(-1deg);box-shadow:0 .75rem 1.5rem #f98bb159}.story-tabs__included-item:focus-visible{outline:3px solid var(--st-blue);outline-offset:3px}.story-tabs__included-item-img{display:block;width:100%;height:100%;object-fit:cover}.story-tabs__mf{padding:2rem clamp(1rem,3vw,2.5rem);font-size:.9375rem;line-height:1.6;color:var(--c-text)}.story-tabs__mf .metafield-rich_text_field>*:first-child{margin-top:0}.story-tabs__mf .metafield-rich_text_field>*:last-child{margin-bottom:0}.story-tabs__mf p{margin:0 0 .75rem}.story-tabs__mf p:last-child{margin-bottom:0}.story-tabs__mf h1,.story-tabs__mf h2,.story-tabs__mf h3{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--c-text);margin:1.5rem 0 .5rem}.story-tabs__mf h1{font-size:1.5rem}.story-tabs__mf h2{font-size:1.25rem}.story-tabs__mf h3{font-size:1.0625rem}.story-tabs__mf strong{font-weight:var(--fw-bold)}.story-tabs__mf em{font-style:italic}.story-tabs__mf a{color:var(--c-link);font-weight:var(--fw-semi);text-decoration:underline;text-underline-offset:.15em}.story-tabs__mf a:hover{color:var(--c-link-hover)}.story-tabs__mf ul,.story-tabs__mf ol{margin:0 0 .75rem;padding-left:1.25rem}.story-tabs__mf ul{list-style:disc}.story-tabs__mf ol{list-style:decimal}.story-tabs__mf li{margin-bottom:.375rem}.story-tabs__mf li::marker{color:var(--color-pink-500)}@media(max-width:767px){.story-tabs__mf{padding:1.5rem 1rem}}.story-tabs__perfect-heading{margin-top:.375rem;text-align:center;font-family:var(--font-display);font-size:1.75rem;font-weight:var(--fw-bold);line-height:var(--lh-snug)}.story-tabs__perfect-heading-main{color:var(--st-heading)}.story-tabs__perfect-heading-accent{color:var(--st-accent)}.story-tabs__perfect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.75rem}.story-tabs__perfect-card{display:flex;align-items:flex-start;gap:.875rem;padding:1.125rem 1.25rem;border-radius:1rem}.story-tabs__perfect-card--pink{background:#fff5f8;border:1px solid #FBDCE8}.story-tabs__perfect-card--blue{background:#4ecde818;border:1px solid #D8EFFA}.story-tabs__perfect-icon{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;flex-shrink:0;background:var(--color-white);border-radius:1rem;color:#f470a6;box-shadow:0 2px 6px #0000000f}.story-tabs__perfect-icon svg,.story-tabs__perfect-icon-img{width:2rem;height:2rem;object-fit:contain}.story-tabs__perfect-card-title{font-family:var(--font-button);font-size:1rem;font-weight:var(--fw-bold)}.story-tabs__perfect-card--pink .story-tabs__perfect-card-title{color:var(--st-accent)}.story-tabs__perfect-card--blue .story-tabs__perfect-card-title{color:var(--st-blue)}.story-tabs__perfect-card-text{margin-top:.25rem;font-size:.75rem;line-height:1.5;color:var(--st-text-soft)}.story-tabs__play{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;background:var(--color-white)}.story-tabs__play-strip{position:relative;aspect-ratio:5 / 11;min-width:0;overflow:hidden;background:#e9e9e9}.story-tabs__play-caption{position:absolute;left:3rem;bottom:1.25rem;display:inline-flex;padding:.4375rem 1rem;background:#cdedfb;border:2px solid var(--color-white);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:.8125rem;font-weight:var(--fw-bold);color:#3fa9dc;white-space:nowrap;box-shadow:0 2px 8px #0000001f;transition:opacity var(--t-base) var(--ease-soft),transform var(--t-base) var(--ease-soft)}@media(hover:hover)and (pointer:fine){.story-tabs__play-caption{opacity:0;transform:translateY(.5rem)}.story-tabs__play-strip:hover .story-tabs__play-caption,.story-tabs__play-strip:focus-within .story-tabs__play-caption{opacity:1;transform:translateY(0)}}.story-tabs__play-img{display:block;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:reduce){.story-tabs__panel,.story-tabs__tab.is-active .story-tabs__tab-icon{animation:none}.story-tabs__tab:hover .story-tabs__tab-icon,.story-tabs__trait:hover .story-tabs__dot.is-filled{transform:none}.story-tabs__tab{transition:background var(--t-fast) var(--ease-soft),color var(--t-fast) var(--ease-soft)}}@media(max-width:1023px){.story-tabs__story,.story-tabs__texture,.story-tabs__included{grid-template-columns:1fr;gap:2rem}.story-tabs__story .story-tabs__media,.story-tabs__texture .story-tabs__texture-media{order:-1}.story-tabs__texture-media{min-height:18rem}.story-tabs__perfect-grid{grid-template-columns:repeat(2,1fr)}.story-tabs__play{grid-template-columns:repeat(3,1fr)}.story-tabs__tab{flex-direction:column;gap:.375rem;font-size:.875rem;padding:.75rem .5rem}}@media(max-width:767px){.story-tabs__bar{overflow-x:auto;scrollbar-width:none}.story-tabs__bar::-webkit-scrollbar{display:none}.story-tabs__tab{flex:0 0 auto;flex-direction:row;gap:.5rem;min-width:7.5rem}.story-tabs__tab-icon{width:2rem;height:2rem}.story-tabs__panel{padding:1.5rem 1.25rem 2rem}.story-tabs__panel--play{padding:0}.story-tabs__heading{font-size:1.375rem}.story-tabs__chip{white-space:normal}.story-tabs__badge{left:1rem}.story-tabs__texture-media{min-height:16rem}.story-tabs__perfect-grid{grid-template-columns:1fr}.story-tabs__play{grid-template-columns:repeat(2,1fr)}}.story-tabs__lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem)}.story-tabs__lb[hidden]{display:none}.story-tabs__lb-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#5d3a4a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;animation:story-lb-fade .25s var(--ease-soft) both}.story-tabs__lb-dialog{position:relative;z-index:1;width:min(46rem,100%);padding:.75rem;border-radius:1.75rem;background:var(--color-white);box-shadow:0 1.5rem 3rem #5d3a4a4d}.story-tabs__lb-dialog.is-in{animation:story-lb-pop .5s cubic-bezier(.34,1.56,.64,1) both}.story-tabs__lb-figure{margin:0;border-radius:1.25rem;overflow:hidden;background:#f7f1f4}.story-tabs__lb-img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}.story-tabs__lb-caption{margin:.625rem 0 .25rem;font-family:var(--font-display);font-size:.8125rem;font-weight:var(--fw-semi);color:var(--st-text-soft);text-align:center}.story-tabs__lb-btn{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:var(--color-white);color:var(--st-accent);font-size:1.125rem;line-height:1;cursor:pointer;box-shadow:0 .375rem .875rem #5d3a4a38;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.story-tabs__lb-btn:hover{transform:scale(1.15) rotate(-6deg)}.story-tabs__lb-btn:focus-visible{outline:3px solid var(--st-blue);outline-offset:2px}.story-tabs__lb-close{top:-.875rem;right:-.875rem}.story-tabs__lb-prev{left:-.875rem;top:50%;margin-top:-1.375rem}.story-tabs__lb-next{right:-.875rem;top:50%;margin-top:-1.375rem}.story-tabs__lb-btn[hidden]{display:none}.story-tabs__lb-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.story-tabs__lb-bubble{position:absolute;bottom:-3rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#a9e1f88c 60%,#f98bb173);animation:story-lb-float linear infinite}.story-tabs__lb-bubble:nth-child(1){left:8%;width:2.5rem;height:2.5rem;animation-duration:7s;animation-delay:0s}.story-tabs__lb-bubble:nth-child(2){left:22%;width:1.25rem;height:1.25rem;animation-duration:5.5s;animation-delay:1.2s}.story-tabs__lb-bubble:nth-child(3){left:74%;width:3rem;height:3rem;animation-duration:8.5s;animation-delay:.6s}.story-tabs__lb-bubble:nth-child(4){left:88%;width:1.75rem;height:1.75rem;animation-duration:6.5s;animation-delay:2s}.story-tabs__lb-bubble:nth-child(5){left:46%;width:1rem;height:1rem;animation-duration:6s;animation-delay:3s}@keyframes story-lb-fade{0%{opacity:0}to{opacity:1}}@keyframes story-lb-pop{0%{opacity:0;transform:scale(.55) rotate(-3deg)}55%{opacity:1;transform:scale(1.06) rotate(1.5deg)}75%{transform:scale(.97) rotate(-.75deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes story-lb-float{0%{transform:translateY(0) scale(.9);opacity:0}15%{opacity:.85}to{transform:translateY(-115vh) scale(1.15);opacity:0}}@media(prefers-reduced-motion:reduce){.story-tabs__included-item,.story-tabs__lb-btn,.story-tabs__lb-backdrop,.story-tabs__lb-dialog.is-in{transition:none;animation:none}.story-tabs__lb-bubbles{display:none}.story-tabs__included-item:hover,.story-tabs__lb-btn:hover{transform:none}}@media(max-width:599px){.story-tabs__lb-prev{left:.25rem}.story-tabs__lb-next{right:.25rem}.story-tabs__lb-close{top:-.5rem;right:-.5rem}}@media(min-width:768px)and (max-width:1023px){.story-tabs__tab-icon{width:32px;height:32px}.story-tabs__tab{gap:6px;padding:10px 12px}.story-tabs__bar{overflow-x:auto;scrollbar-width:none}.story-tabs__bar::-webkit-scrollbar{display:none}.story-tabs__tab{flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/291/assets/section-product-story-tabs.css.map */