.hexagon-spotlight{position:relative;display:block;overflow:hidden;isolation:isolate;width:100%;height:100%}.hexagon-spotlight__base,.hexagon-spotlight__masked,.hexagon-spotlight__light,.hexagon-spotlight__twinkle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hexagon-spotlight__base,.hexagon-spotlight__masked{background-repeat:repeat;background-position:0 0}.hexagon-spotlight__base{z-index:0;opacity:.2;background-image:url("data:image/svg+xml,<svg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50.115' height='29' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%25' height='100%25' fill='none'/><g transform='matrix(0 -1 1 0 0 29)'><path d='M14.498 16.858L0 8.488.002-8.257l14.5-8.374L29-8.26l-.002 16.745zm0 50.06L0 58.548l.002-16.745 14.5-8.373L29 41.8l-.002 16.744zM28.996 41.8l-14.498-8.37.002-16.744L29 8.312l14.498 8.37-.002 16.745zm-29 0l-14.498-8.37.002-16.744L0 8.312l14.498 8.37-.002 16.745z' stroke-width='0.5' stroke='rgba(255,255,255,0.35)' fill='none'/></g></pattern></defs><rect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/></svg>")}.hexagon-spotlight__masked{z-index:1;opacity:0;will-change:mask-position,-webkit-mask-position,opacity;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:opacity .6s ease}.hexagon-spotlight__masked--reveal{background-image:url("data:image/svg+xml,<svg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50.115' height='29' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%25' height='100%25' fill='none'/><g transform='matrix(0 -1 1 0 0 29)'><path d='M14.498 16.858L0 8.488.002-8.257l14.5-8.374L29-8.26l-.002 16.745zm0 50.06L0 58.548l.002-16.745 14.5-8.373L29 41.8l-.002 16.744zM28.996 41.8l-14.498-8.37.002-16.744L29 8.312l14.498 8.37-.002 16.745zm-29 0l-14.498-8.37.002-16.744L0 8.312l14.498 8.37-.002 16.745z' stroke-width='0.5' stroke='rgba(255,255,255,0.4)' fill='none'/></g></pattern></defs><rect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/></svg>");-webkit-mask-image:radial-gradient(circle 240px,black 0%,transparent 70%);mask-image:radial-gradient(circle 240px,black 0%,transparent 70%);-webkit-mask-size:480px 480px;mask-size:480px 480px}.hexagon-spotlight__masked--glow{background-image:url("data:image/svg+xml,<svg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50.115' height='29' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%25' height='100%25' fill='none'/><g transform='matrix(0 -1 1 0 0 29)'><path d='M14.498 16.858L0 8.488.002-8.257l14.5-8.374L29-8.26l-.002 16.745zm0 50.06L0 58.548l.002-16.745 14.5-8.373L29 41.8l-.002 16.744zM28.996 41.8l-14.498-8.37.002-16.744L29 8.312l14.498 8.37-.002 16.745zm-29 0l-14.498-8.37.002-16.744L0 8.312l14.498 8.37-.002 16.745z' stroke-width='0.5' stroke='rgba(255,255,255,0.45)' fill='none'/></g></pattern></defs><rect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/></svg>");-webkit-mask-image:radial-gradient(circle 120px,black 0%,transparent 100%);mask-image:radial-gradient(circle 120px,black 0%,transparent 100%);-webkit-mask-size:240px 240px;mask-size:240px 240px;mix-blend-mode:screen}.hexagon-spotlight__masked--core{background-image:url("data:image/svg+xml,<svg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='50.115' height='29' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%25' height='100%25' fill='none'/><g transform='matrix(0 -1 1 0 0 29)'><path d='M14.498 16.858L0 8.488.002-8.257l14.5-8.374L29-8.26l-.002 16.745zm0 50.06L0 58.548l.002-16.745 14.5-8.373L29 41.8l-.002 16.744zM28.996 41.8l-14.498-8.37.002-16.744L29 8.312l14.498 8.37-.002 16.745zm-29 0l-14.498-8.37.002-16.744L0 8.312l14.498 8.37-.002 16.745z' stroke-width='0.5' stroke='rgba(255,255,255,0.5)' fill='none'/></g></pattern></defs><rect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/></svg>");-webkit-mask-image:radial-gradient(circle 50px,black 0%,transparent 100%);mask-image:radial-gradient(circle 50px,black 0%,transparent 100%);-webkit-mask-size:100px 100px;mask-size:100px 100px;mix-blend-mode:screen}.hexagon-spotlight__light{inset:0 auto auto 0;z-index:1;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(100,160,230,.04) 0%,transparent 70%);will-change:transform,opacity;transition:opacity .6s ease;opacity:0}.hexagon-spotlight__twinkle{z-index:1;width:100%;height:100%}.hexagon-spotlight__content{position:relative;z-index:2}.hexagon-spotlight.is-active .hexagon-spotlight__masked--reveal{opacity:.4}.hexagon-spotlight.is-active .hexagon-spotlight__masked--glow{opacity:.25}.hexagon-spotlight.is-active .hexagon-spotlight__masked--core{opacity:.2}.hexagon-spotlight.is-active .hexagon-spotlight__light{opacity:.8}@media(hover:none),(pointer:coarse){.hexagon-spotlight__masked,.hexagon-spotlight__light{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/hexagon-spotlight.css.map */