:root{--blog-post-bg-color: #000000;--blog-post-text-color: #ffffff;--blog-post-accent-color: #0cf6e1;--blog-post-pink-accent: #ff0080;--blog-post-border-color: rgba(255, 255, 255, .1);--blog-post-card-bg: rgba(255, 255, 255, .05);--blog-post-shadow: 0 8px 25px rgba(0, 0, 0, .3);--blog-post-shadow-hover: 0 15px 35px rgba(0, 0, 0, .4);--blog-post-glow-color: rgba(12, 246, 225, .3);--blog-post-pink-glow: rgba(255, 0, 128, .3);--blog-post-transition: all .3s cubic-bezier(.4, 0, .2, 1);--blog-post-border-radius: 16px;--blog-post-spacing: 2rem}.article-template{background:var(--blog-post-bg-color);color:var(--blog-post-text-color);min-height:100vh;position:relative;overflow:visible}.article-template:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(12,246,225,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(12,246,225,.05) 0%,transparent 50%);animation:blogPostBackgroundShift 20s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes blogPostBackgroundShift{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.article-template__hero-container{position:relative;margin-bottom:3rem;border-radius:var(--blog-post-border-radius);overflow:hidden;box-shadow:var(--blog-post-shadow);background:var(--blog-post-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--blog-post-border-color)}.article-template__hero-container:hover{transform:translateY(-4px);box-shadow:var(--blog-post-shadow-hover);border-color:var(--blog-post-accent-color)}.article-template__hero-container img{width:100%;height:100%;object-fit:cover;transition:var(--blog-post-transition);opacity:1!important;visibility:visible!important;display:block!important}.article-template__hero-container:hover img{transform:scale(1.02)}.article-template__hero-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .3s ease}.article-template__hero-container:hover:after{opacity:1}.article-template__title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,var(--blog-post-text-color) 0%,var(--blog-post-accent-color) 50%,var(--blog-post-pink-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px var(--blog-post-glow-color);position:relative;opacity:1!important;visibility:visible!important;display:block!important}.article-template__title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--blog-post-accent-color) 0%,var(--blog-post-pink-accent) 100%);border-radius:2px;box-shadow:0 0 10px var(--blog-post-glow-color)}.circle-divider{color:var(--blog-post-accent-color);font-weight:500;font-size:.9rem;opacity:1!important;visibility:visible!important;display:inline-block!important}.caption-with-letter-spacing{color:#ffffffb3;font-size:.9rem;opacity:1!important;visibility:visible!important;display:inline-block!important}.article-template__content{background:var(--blog-post-card-bg);border:1px solid var(--blog-post-border-color);border-radius:var(--blog-post-border-radius);padding:3rem;margin:2rem auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--blog-post-shadow);position:relative;overflow:hidden}.article-template__content:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--blog-post-accent-color) 0%,var(--blog-post-pink-accent) 100%);transition:var(--blog-post-transition)}.article-template__content:hover:before{width:6px;background:linear-gradient(180deg,var(--blog-post-pink-accent) 0%,var(--blog-post-accent-color) 100%)}.article-template__content h1,.article-template__content h2,.article-template__content h3,.article-template__content h4,.article-template__content h5,.article-template__content h6{color:var(--blog-post-text-color);font-weight:700;margin-top:2rem;margin-bottom:1rem;opacity:1!important;visibility:visible!important;display:block!important}.article-template__content h2{color:var(--blog-post-accent-color);font-size:1.8rem;text-shadow:0 0 10px var(--blog-post-glow-color)}.article-template__content h3{color:var(--blog-post-pink-accent);font-size:1.5rem}.article-template__content p{color:#ffffffe6;line-height:1.7;margin-bottom:1.5rem;font-size:1.1rem;opacity:1!important;visibility:visible!important;display:block!important}.article-template__content a{color:var(--blog-post-accent-color);text-decoration:none;transition:var(--blog-post-transition);position:relative}.article-template__content a:hover{color:var(--blog-post-pink-accent);text-shadow:0 0 10px var(--blog-post-pink-glow)}.article-template__content a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--blog-post-accent-color);transition:width .3s ease}.article-template__content a:hover:after{width:100%}.article-template__content ul,.article-template__content ol{color:#ffffffe6;margin-bottom:1.5rem;padding-left:2rem;opacity:1!important;visibility:visible!important;display:block!important}.article-template__content li{margin-bottom:.5rem;line-height:1.6}.article-template__content blockquote{border-left:4px solid var(--blog-post-accent-color);padding-left:2rem;margin:2rem 0;font-style:italic;color:#fffc;background:#0cf6e10d;padding:1.5rem 2rem;border-radius:0 var(--blog-post-border-radius) var(--blog-post-border-radius) 0;opacity:1!important;visibility:visible!important;display:block!important}.article-template__content code{background:#00000080;color:var(--blog-post-accent-color);padding:.2rem .5rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.article-template__content pre{background:#000000b3;color:var(--blog-post-accent-color);padding:1.5rem;border-radius:var(--blog-post-border-radius);overflow-x:auto;margin:1.5rem 0;border:1px solid var(--blog-post-border-color)}.article-template__social-sharing{background:var(--blog-post-card-bg);border:1px solid var(--blog-post-border-color);border-radius:var(--blog-post-border-radius);padding:2rem;margin:2rem auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--blog-post-shadow);text-align:center}.article-template__back{margin:3rem 0;text-align:center}.article-template__link{display:inline-flex;align-items:center;gap:.5rem;color:var(--blog-post-accent-color);text-decoration:none;font-weight:600;padding:1rem 2rem;background:var(--blog-post-card-bg);border:1px solid var(--blog-post-border-color);border-radius:var(--blog-post-border-radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--blog-post-shadow);transition:var(--blog-post-transition)}.article-template__link:hover{color:var(--blog-post-text-color);background:var(--blog-post-accent-color);transform:translateY(-2px);box-shadow:var(--blog-post-shadow-hover)}.article-template__comment-wrapper{background:var(--blog-post-card-bg);border:1px solid var(--blog-post-border-color);border-radius:var(--blog-post-border-radius);padding:2rem;margin:2rem auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--blog-post-shadow)}.article-template__comments-comment{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--blog-post-border-radius);padding:1.5rem;margin-bottom:1rem;opacity:1!important;visibility:visible!important;display:block!important}.field__input{background:#ffffff0d;border:1px solid var(--blog-post-border-color);border-radius:var(--blog-post-border-radius);color:var(--blog-post-text-color);padding:1rem;font-size:1rem;transition:var(--blog-post-transition);opacity:1!important;visibility:visible!important;display:block!important}.field__input:focus{outline:none;border-color:var(--blog-post-accent-color);box-shadow:0 0 0 3px #0cf6e133}.field__label{color:#fffc;font-weight:500;margin-bottom:.5rem;opacity:1!important;visibility:visible!important;display:block!important}.button{background:linear-gradient(135deg,var(--blog-post-accent-color) 0%,var(--blog-post-pink-accent) 100%);color:#fff;border:none;border-radius:var(--blog-post-border-radius);padding:1rem 2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--blog-post-transition);box-shadow:var(--blog-post-shadow)}.button:hover{transform:translateY(-2px);box-shadow:var(--blog-post-shadow-hover)}@media (max-width: 768px){.article-template__content{padding:2rem;margin:1rem auto}.article-template__title{font-size:2rem;margin-bottom:1.5rem}.article-template__hero-container{margin-bottom:2rem}.article-template__social-sharing,.article-template__comment-wrapper{padding:1.5rem;margin:1rem auto}}@media (max-width: 480px){.article-template__content{padding:1.5rem}.article-template__title{font-size:1.8rem}.article-template__content h2{font-size:1.5rem}.article-template__content h3{font-size:1.3rem}.article-template__content p{font-size:1rem}}@media (prefers-reduced-motion: reduce){.article-template:before,.article-template__hero-container,.article-template__hero-container img,.article-template__content:before,.article-template__link,.button{transition:none!important;animation:none!important}.article-template__hero-container:hover,.article-template__hero-container:hover img,.article-template__link:hover,.button:hover{transform:none!important}}.article-template__link:focus-visible,.button:focus-visible,.field__input:focus-visible{outline:2px solid var(--blog-post-accent-color);outline-offset:2px}@media (prefers-contrast: high){.article-template__hero-container,.article-template__content,.article-template__social-sharing,.article-template__comment-wrapper{border-width:2px;border-color:var(--blog-post-text-color)}.article-template__title,.article-template__content p,.article-template__content li{color:var(--blog-post-text-color)}}@media print{.article-template{background:#fff;color:#000}.article-template__hero-container,.article-template__content,.article-template__social-sharing,.article-template__comment-wrapper{border:1px solid #000;box-shadow:none;background:#fff}.article-template__title,.article-template__content p,.article-template__content li{color:#000}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-modern-blog-post.css.map */