:root{--ello-bg-white: #fffdf9;--ello-bg-cream: #faf8f5;--ello-bg-cream-dark: #f0ebe3;--ello-bg-charcoal: #2d2a26;--ello-bg-black: #1a1816;--ello-bg-gradient-light: linear-gradient(180deg, #fffdf9 0%, #faf8f5 100%);--ello-bg-gradient-cream: linear-gradient(180deg, #faf8f5 0%, #f0ebe3 100%);--ello-bg-gradient-dark: linear-gradient(180deg, #2d2a26 0%, #1a1816 100%);--ello-bg-gradient-hero: linear-gradient(135deg, rgba(250,248,245,.97) 0%, rgba(245,235,224,.95) 50%, rgba(232,213,183,.9) 100%);--ello-pattern-opacity: .04;--ello-blob-opacity: .15;--ello-blob-blur: 80px;--ello-blob-animation-duration: 20s}.ello-section{position:relative;isolation:isolate;overflow:hidden}.ello-section--bg-white{background:var(--ello-bg-white)}.ello-section--bg-cream{background:var(--ello-bg-cream)}.ello-section--bg-cream-dark{background:var(--ello-bg-cream-dark)}.ello-section--bg-charcoal{background:var(--ello-bg-charcoal);color:var(--ello-white)}.ello-section--bg-black{background:var(--ello-bg-black);color:var(--ello-white)}.ello-section--bg-gradient-light{background:var(--ello-bg-gradient-light)}.ello-section--bg-gradient-cream{background:var(--ello-bg-gradient-cream)}.ello-section--bg-gradient-dark{background:var(--ello-bg-gradient-dark);color:var(--ello-white)}.ello-section--bg-gradient-hero{background:var(--ello-bg-gradient-hero)}.ello-section[data-pattern]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--ello-pattern-opacity)}.ello-section[data-pattern=dots]:before{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%232d2a26'/%3E%3C/svg%3E");background-size:20px 20px}.ello-section--dark[data-pattern=dots]:before,.ello-section--bg-charcoal[data-pattern=dots]:before,.ello-section--bg-black[data-pattern=dots]:before{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%23ffffff'/%3E%3C/svg%3E")}.ello-section[data-pattern=lines]:before{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40L40 0' stroke='%232d2a26' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");background-size:40px 40px}.ello-section--dark[data-pattern=lines]:before{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40L40 0' stroke='%23ffffff' stroke-width='0.5' fill='none'/%3E%3C/svg%3E")}.ello-section[data-pattern=grid]:before{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40' stroke='%232d2a26' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");background-size:40px 40px}.ello-section--dark[data-pattern=grid]:before{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40' stroke='%23ffffff' stroke-width='0.5' fill='none'/%3E%3C/svg%3E")}.ello-section[data-pattern=noise]:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.03}.ello-section[data-pattern=cross]:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0v24M0 11h24' stroke='%232d2a26' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");background-size:24px 24px}.ello-section[data-blobs]:after{content:"";position:absolute;z-index:0;pointer-events:none}.ello-section[data-blobs=single]:after{width:60vw;height:60vw;max-width:800px;max-height:800px;top:-20%;right:-15%;background:radial-gradient(circle,rgba(201,168,124,var(--ello-blob-opacity)) 0%,transparent 70%);filter:blur(var(--ello-blob-blur));animation:blobFloat var(--ello-blob-animation-duration) ease-in-out infinite}.ello-section[data-blobs=dual]{--blob-1-color: rgba(201, 168, 124, var(--ello-blob-opacity));--blob-2-color: rgba(232, 196, 196, calc(var(--ello-blob-opacity) * .8))}.ello-section[data-blobs=dual]:before{content:"";position:absolute;width:50vw;height:50vw;max-width:600px;max-height:600px;top:-15%;right:-10%;background:radial-gradient(circle,var(--blob-1-color) 0%,transparent 70%);filter:blur(var(--ello-blob-blur));animation:blobFloat var(--ello-blob-animation-duration) ease-in-out infinite;z-index:0;pointer-events:none}.ello-section[data-blobs=dual]:after{width:45vw;height:45vw;max-width:500px;max-height:500px;bottom:-20%;left:-10%;background:radial-gradient(circle,var(--blob-2-color) 0%,transparent 70%);filter:blur(var(--ello-blob-blur));animation:blobFloat var(--ello-blob-animation-duration) ease-in-out infinite reverse;animation-delay:calc(var(--ello-blob-animation-duration) * -.5)}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.ello-section[data-blobs=subtle]:after{width:80vw;height:80vw;max-width:1000px;max-height:1000px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,168,124,.08) 0%,transparent 50%);filter:blur(100px);animation:blobPulse 15s ease-in-out infinite}@keyframes blobPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.ello-section__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.ello-section__canvas canvas{width:100%;height:100%;display:block}.ello-section:not([data-canvas]) .ello-section__canvas{display:none}.ello-section>.ello-container,.ello-section>.ello-section__content{position:relative;z-index:1}.ello-section--dark,.ello-section--bg-charcoal,.ello-section--bg-black,.ello-section--bg-gradient-dark{--ello-blob-opacity: .2;--ello-pattern-opacity: .05}.ello-section--dark[data-blobs=dual],.ello-section--bg-charcoal[data-blobs=dual],.ello-section--bg-black[data-blobs=dual]{--blob-1-color: rgba(201, 168, 124, .25);--blob-2-color: rgba(232, 196, 196, .2)}@media (prefers-reduced-motion: reduce){.ello-section[data-blobs=single]:after,.ello-section[data-blobs=dual]:before,.ello-section[data-blobs=dual]:after,.ello-section[data-blobs=subtle]:after{animation:none}}@media (max-width: 768px){.ello-section[data-blobs]:before,.ello-section[data-blobs]:after{animation:none}:root{--ello-blob-blur: 60px;--ello-blob-opacity: .1}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/ello-background-system.css.map */