[data-style=nutrition-label] .fabric-nutrition{max-width:400px;margin:0 auto;border:3px solid #000;padding:1.5rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}[data-style=nutrition-label] .fabric-nutrition__header{font-size:2.4rem;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;border-bottom:1px solid #000;padding-bottom:.4rem;margin-bottom:.4rem}[data-style=nutrition-label] .fabric-nutrition__serving{font-size:1.4rem;padding:.5rem 0;border-bottom:8px solid #000}[data-style=nutrition-label] .fabric-nutrition__divider--thick{border:none;height:8px;background:#000;margin:.5rem 0}[data-style=nutrition-label] .fabric-nutrition__divider--thin{border:none;height:1px;background:#000;margin:.5rem 0}[data-style=nutrition-label] .fabric-nutrition__row{display:flex;justify-content:space-between;align-items:baseline;padding:.3rem 0;border-bottom:1px solid #ddd;font-size:1.3rem}[data-style=nutrition-label] .fabric-nutrition__prop{font-weight:700}[data-style=nutrition-label] .fabric-nutrition__val{flex:1;text-align:center}[data-style=nutrition-label] .fabric-nutrition__pct{font-weight:700;min-width:40px;text-align:right}[data-style=nutrition-label] .fabric-nutrition__section-label{font-size:1.1rem;font-weight:700;text-transform:uppercase;margin-bottom:.3rem}[data-style=nutrition-label] .fabric-nutrition__row--tags{flex-wrap:wrap}[data-style=nutrition-label] .fabric-nutrition__row--tags .fabric-nutrition__val{text-align:left}[data-style=glassmorphism-cards] .fabric-glass{position:relative;padding:1.5rem}[data-style=glassmorphism-cards] .fabric-glass__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:16px;z-index:0}[data-style=glassmorphism-cards] .fabric-glass__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.2rem;position:relative;z-index:1}[data-style=glassmorphism-cards] .fabric-glass__card{background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #00000014;transition:transform .2s ease,box-shadow .2s ease}[data-style=glassmorphism-cards] .fabric-glass__card:hover{transform:scale(1.02);box-shadow:0 12px 40px #0000001f}[data-style=glassmorphism-cards] .fabric-glass__inner{text-align:center;position:relative}[data-style=glassmorphism-cards] .fabric-glass__value{font-size:2.4rem;font-weight:700;display:block;text-align:center}[data-style=glassmorphism-cards] .fabric-glass__value small{font-size:1.2rem;font-weight:400;opacity:.6}[data-style=glassmorphism-cards] .fabric-glass__label{font-size:1.1rem;color:#555;text-align:center;display:block;margin-top:.5rem}[data-style=glassmorphism-cards] .fabric-glass__ring{display:block;margin:.8rem auto 0}[data-style=glassmorphism-cards] .fabric-glass__ring-fill{transition:stroke-dashoffset .6s ease}[data-style=glassmorphism-cards] .fabric-glass__tint{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;z-index:0}[data-style=glassmorphism-cards] .fabric-glass__pills{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.5rem}[data-style=glassmorphism-cards] .fabric-glass__pill{background:#fff6;border-radius:99px;padding:.25rem .7rem;font-size:.9rem}[data-style=neumorphism-soft] .fabric-properties{background:#e0e0e0;border-radius:16px;padding:2rem}[data-style=neumorphism-soft] .fabric-properties__indicator{background:#e0e0e0;border-radius:16px;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;padding:1.5rem}[data-style=neumorphism-soft] .fabric-dots__dot{width:28px;height:28px;border-radius:50%;background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;border:none}[data-style=neumorphism-soft] .fabric-dots__dot--filled{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;background:#c5c5c5}[data-style=neumorphism-soft] .fabric-tag{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;border:none;border-radius:12px;padding:.4rem .8rem}[data-style=neumorphism-soft] .fabric-gsm__track{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;border-radius:12px}[data-style=neumorphism-soft] .fabric-stretch__box,[data-style=neumorphism-soft] .fabric-transparency__box{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;border:none}[data-style=neumorphism-soft] .fabric-color-strip{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;border-radius:12px}[data-style=bento-mosaic] .fabric-bento{background:#f0f0f0;border-radius:20px;padding:1rem}[data-style=bento-mosaic] .fabric-bento__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto);gap:1rem}[data-style=bento-mosaic] .fabric-bento__cell{background:#fff;border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .25s ease}[data-style=bento-mosaic] .fabric-bento__cell:hover{transform:scale(1.015)}[data-style=bento-mosaic] .fabric-bento__cell--hero{grid-column:span 2;background:#f8f8f8}[data-style=bento-mosaic] .fabric-bento__cell--hero .fabric-bento__value{font-size:3.6rem}[data-style=bento-mosaic] .fabric-bento__cell--tall{grid-row:span 2}[data-style=bento-mosaic] .fabric-bento__value{font-size:2rem;font-weight:700}[data-style=bento-mosaic] .fabric-bento__value small{font-size:1rem;font-weight:400;opacity:.5}[data-style=bento-mosaic] .fabric-bento__label{font-size:1.1rem;color:#888;margin-top:.5rem}[data-style=bento-mosaic] .fabric-bento__swatch{width:100%;height:100%;min-height:80px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}[data-style=bento-mosaic] .fabric-bento__chips{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-top:.5rem}[data-style=bento-mosaic] .fabric-bento__chip{background:#f0f0f0;border-radius:8px;padding:.2rem .6rem;font-size:.85rem}[data-style=editorial-magazine] .fabric-properties__indicators{display:grid;grid-template-columns:1fr 1fr;gap:2rem}[data-style=editorial-magazine] .fabric-properties__indicator{position:relative;padding:1.5rem 0;overflow:hidden}[data-style=editorial-magazine] .fabric-editorial__item{position:relative}[data-style=editorial-magazine] .fabric-editorial__watermark{position:absolute;font-size:6rem;font-weight:100;color:#0000000a;text-transform:uppercase;pointer-events:none;line-height:1;top:-.2em;left:0}[data-style=editorial-magazine] .fabric-editorial__value{position:relative;font-size:2rem;font-weight:700;z-index:1;font-family:Georgia,Times New Roman,serif}[data-style=editorial-magazine] .fabric-editorial__callout{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:.8rem 0;font-style:italic;font-family:Georgia,Times New Roman,serif;line-height:1.8}[data-style=editorial-magazine] .fabric-properties__heading{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:2rem;letter-spacing:.05em}[data-style=dark-dashboard] .fabric-properties,[data-style=dark-dashboard].fabric-properties{background:#1a1a2e;color:#e0e0e0;border-radius:12px;padding:2rem}[data-style=dark-dashboard] .fabric-properties__heading{color:#fff}[data-style=dark-dashboard] .fabric-dark__metric{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.08)}[data-style=dark-dashboard] .fabric-dark__label{color:#888;flex:0 0 120px;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}[data-style=dark-dashboard] .fabric-dark__value{color:#fff;font-weight:700;font-size:1.4rem;flex:0 0 80px}[data-style=dark-dashboard] .fabric-dark__bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}[data-style=dark-dashboard] .fabric-dark__bar-fill{height:100%;border-radius:2px;transition:width .4s ease}[data-style=dark-dashboard] .fabric-dark__bar-fill--gsm{background:#4a9eff}[data-style=dark-dashboard] .fabric-dark__bar-fill--drape{background:#50c878}[data-style=dark-dashboard] .fabric-dark__bar-fill--stretch{background:#ff6b6b}[data-style=dark-dashboard] .fabric-dark__bar-fill--transparency{background:#c084fc}[data-style=dark-dashboard] .fabric-dark__pills{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}[data-style=dark-dashboard] .fabric-dark__pill{background:#ffffff14;color:#aaa;border-radius:99px;padding:.25rem .7rem;font-size:.9rem}[data-style=passport-stamp] .fabric-passport{max-width:420px;margin:0 auto;border:3px double #2c3e50;border-radius:4px;padding:2rem;position:relative;background:linear-gradient(to bottom,#fefefe,#f9f6f0)}[data-style=passport-stamp] .fabric-passport__header{text-align:center;font-size:1.8rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#2c3e50;border-bottom:2px solid #2c3e50;padding-bottom:.8rem;margin-bottom:1rem}[data-style=passport-stamp] .fabric-passport__seal{position:absolute;top:1.5rem;right:1.5rem;width:50px;height:50px;border-radius:50%;border:2px solid rgba(44,62,80,.15);opacity:.3;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#2c3e504d}[data-style=passport-stamp] .fabric-passport__fields{margin-bottom:1rem}[data-style=passport-stamp] .fabric-passport__field{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px dotted #ccc}[data-style=passport-stamp] .fabric-passport__key{font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:#666}[data-style=passport-stamp] .fabric-passport__val{font-weight:600;color:#2c3e50}[data-style=passport-stamp] .fabric-passport__photo{width:80px;height:100px;border-radius:4px;border:1px solid #ccc;margin:1rem auto}[data-style=passport-stamp] .fabric-passport__section-label{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#2c3e50;margin-top:1rem;margin-bottom:.3rem}[data-style=material-expressive] .fabric-properties__indicator{border-radius:28px;padding:1.5rem;box-shadow:0 1px 3px #00000014;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}[data-style=material-expressive] .fabric-properties__indicator:nth-child(1){background:#fce4ec}[data-style=material-expressive] .fabric-properties__indicator:nth-child(2){background:#e3f2fd}[data-style=material-expressive] .fabric-properties__indicator:nth-child(3){background:#e8f5e9}[data-style=material-expressive] .fabric-properties__indicator:nth-child(4){background:#f3e5f5}[data-style=material-expressive] .fabric-properties__indicator:nth-child(5){background:#fff3e0}[data-style=material-expressive] .fabric-properties__indicator:nth-child(6){background:#e0f2f1}[data-style=material-expressive] .fabric-properties__indicator:nth-child(7){background:#fce4ec}[data-style=material-expressive] .fabric-properties__indicator:nth-child(8){background:#e8eaf6}[data-style=material-expressive] .fabric-dots__dot--filled,[data-style=material-expressive] .fabric-tag{border-radius:28px}[data-style=material-expressive] .fabric-matex--animate .fabric-properties__indicator{animation:matex-fade-in .5s ease forwards}[data-style=material-expressive] .fabric-matex--animate .fabric-properties__indicator:nth-child(1){animation-delay:0ms}[data-style=material-expressive] .fabric-matex--animate .fabric-properties__indicator:nth-child(2){animation-delay:80ms}[data-style=material-expressive] .fabric-matex--animate .fabric-properties__indicator:nth-child(3){animation-delay:.16s}[data-style=material-expressive] .fabric-matex--animate .fabric-properties__indicator:nth-child(4){animation-delay:.24s}[data-style=material-expressive] .fabric-matex--animate .fabric-properties__indicator:nth-child(5){animation-delay:.32s}[data-style=material-expressive] .fabric-matex--animate .fabric-properties__indicator:nth-child(6){animation-delay:.4s}[data-style=material-expressive] .fabric-matex--animate .fabric-properties__indicator:nth-child(7){animation-delay:.48s}[data-style=material-expressive] .fabric-matex--animate .fabric-properties__indicator:nth-child(8){animation-delay:.56s}@keyframes matex-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[data-style=swiss-typography] .fabric-properties__indicators{display:grid;grid-template-columns:1fr 1fr;gap:0}[data-style=swiss-typography] .fabric-properties__indicator{padding:1.5rem 2rem;border-bottom:1px solid #000;border-right:1px solid #000;border-radius:0;background:transparent}[data-style=swiss-typography] .fabric-properties__indicator:nth-child(2n){border-right:none}[data-style=swiss-typography] .fabric-swiss__number{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:4.8rem;font-weight:700;line-height:1;display:block}[data-style=swiss-typography] .fabric-swiss__label{font-size:1rem;text-transform:uppercase;letter-spacing:2px;color:#999;margin-top:.5rem;display:block}[data-style=swiss-typography] .fabric-swiss__accent{color:red}[data-style=swiss-typography] .fabric-swiss__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}[data-style=swiss-typography] .fabric-swiss__tag{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:#666}[data-style=scrollytelling] .fabric-scroll{max-width:600px;margin:0 auto;position:relative;padding:2rem 0}[data-style=scrollytelling] .fabric-scroll__thread{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,#ddd 10%,#ddd 90%,transparent);z-index:0;transform:translate(-50%)}[data-style=scrollytelling] .fabric-scroll__scene{padding:3rem 0;text-align:center;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}[data-style=scrollytelling] .fabric-scroll__scene.is-visible{opacity:1;transform:translateY(0)}[data-style=scrollytelling] .fabric-scroll__dot{width:12px;height:12px;background:#333;border-radius:50%;margin:0 auto 1rem;position:relative;z-index:2}[data-style=scrollytelling] .fabric-scroll__content{background:#ffffffe6;border-radius:12px;padding:1.5rem;display:inline-block}[data-style=scrollytelling] .fabric-scroll__value{font-size:4rem;font-weight:800;display:block}[data-style=scrollytelling] .fabric-scroll__value small{font-size:1.5rem;font-weight:400;opacity:.5}[data-style=scrollytelling] .fabric-scroll__desc{font-size:1.2rem;color:#666;max-width:400px;margin:.5rem auto 0}[data-style=scrollytelling] .fabric-scroll__desc--flow{font-size:1.1rem;line-height:1.8}@media(max-width:749px){[data-style=bento-mosaic] .fabric-bento__grid{grid-template-columns:repeat(2,1fr)}[data-style=editorial-magazine] .fabric-properties__indicators,[data-style=swiss-typography] .fabric-properties__indicators{grid-template-columns:1fr}[data-style=swiss-typography] .fabric-properties__indicator{border-right:none}[data-style=glassmorphism-cards] .fabric-glass__grid{grid-template-columns:repeat(2,1fr)}[data-style=dark-dashboard] .fabric-dark__metric{flex-wrap:wrap}[data-style=dark-dashboard] .fabric-dark__label{flex:0 0 100%;margin-bottom:.3rem}[data-style=dark-dashboard] .fabric-dark__bar{flex:1 1 100%;margin-top:.3rem}}@media(max-width:479px){[data-style=glassmorphism-cards] .fabric-glass__grid{grid-template-columns:1fr}[data-style=scrollytelling] .fabric-scroll__value{font-size:2.8rem}[data-style=swiss-typography] .fabric-swiss__number{font-size:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/fabric-viz-behance.css.map */