:root{--hotcg-transition-duration: .26s;--hotcg-transition-ease: cubic-bezier(.22, 1, .36, 1)}#hotcg-page-transition{position:fixed;z-index:2147483000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;background:radial-gradient(circle at 20% 18%,rgba(129,118,255,.11),transparent 29%),radial-gradient(circle at 82% 80%,rgba(119,205,255,.12),transparent 28%),#ffffffed;-webkit-backdrop-filter:blur(0) saturate(105%);backdrop-filter:blur(0) saturate(105%);transition:opacity var(--hotcg-transition-duration) ease,visibility var(--hotcg-transition-duration) ease,-webkit-backdrop-filter var(--hotcg-transition-duration) ease}#hotcg-page-transition:before{content:"";position:absolute;width:min(72vw,720px);aspect-ratio:1;border-radius:50%;opacity:0;background:conic-gradient(from 210deg,transparent,rgba(129,118,255,.1),transparent 32%,rgba(119,205,255,.11),transparent 66%,rgba(245,169,206,.09),transparent);filter:blur(55px);transform:scale(.76) rotate(-10deg);transition:opacity .3s ease,transform .45s var(--hotcg-transition-ease)}.hotcg-page-transition__line{position:relative;z-index:2;width:clamp(58px,10vw,112px);height:4px;border-radius:999px;opacity:0;background:linear-gradient(90deg,#8176ff,#77cdff 38%,#fff0c8 55%,#f5a9ce 76%,#8176ff);background-size:220% 100%;box-shadow:0 0 24px #7e71ff4d,0 0 42px #77cdff2e;transform:scaleX(.22);transition:opacity .18s ease,transform .34s var(--hotcg-transition-ease)}html.hotcg-soft-leave #hotcg-page-transition,html.hotcg-soft-entry #hotcg-page-transition{visibility:visible;opacity:1;-webkit-backdrop-filter:blur(9px) saturate(108%);backdrop-filter:blur(9px) saturate(108%)}html.hotcg-soft-leave #hotcg-page-transition:before,html.hotcg-soft-entry #hotcg-page-transition:before{opacity:1;transform:scale(1.08) rotate(8deg)}html.hotcg-soft-leave .hotcg-page-transition__line,html.hotcg-soft-entry .hotcg-page-transition__line{opacity:1;transform:scaleX(1);animation:hotcgTransitionFlow .75s linear infinite}html.hotcg-soft-leave #MainContent,html.hotcg-soft-leave .section-header,html.hotcg-soft-leave .shopify-section-group-footer-group{opacity:.62;transform:translate3d(0,-5px,0) scale(.997);filter:blur(3px);transition:opacity var(--hotcg-transition-duration) ease,transform var(--hotcg-transition-duration) var(--hotcg-transition-ease),filter var(--hotcg-transition-duration) ease}html.hotcg-soft-entry #MainContent,html.hotcg-soft-entry .section-header,html.hotcg-soft-entry .shopify-section-group-footer-group{opacity:.76;transform:translate3d(0,5px,0) scale(.998);filter:blur(2px);transition:opacity calc(var(--hotcg-transition-duration) + 90ms) ease,transform calc(var(--hotcg-transition-duration) + 90ms) var(--hotcg-transition-ease),filter calc(var(--hotcg-transition-duration) + 90ms) ease}html.hotcg-soft-leave{cursor:progress}html.hotcg-soft-leave body{pointer-events:none}@keyframes hotcgTransitionFlow{to{background-position:220% 50%}}@media(prefers-reduced-motion:reduce){#hotcg-page-transition,#hotcg-page-transition:before,.hotcg-page-transition__line,html.hotcg-soft-leave #MainContent,html.hotcg-soft-leave .section-header,html.hotcg-soft-leave .shopify-section-group-footer-group,html.hotcg-soft-entry #MainContent,html.hotcg-soft-entry .section-header,html.hotcg-soft-entry .shopify-section-group-footer-group{animation:none!important;transition-duration:80ms!important;transform:none!important;filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hotcg-page-transition.css.map */