#tea-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#f9f6f1;display:flex;align-items:center;justify-content:center;pointer-events:all;overflow:hidden}#tea-loading.is-hidden{animation:hr-fade-out 1s cubic-bezier(.77,0,.175,1) forwards;pointer-events:none}@keyframes hr-fade-out{0%{opacity:1}to{opacity:0}}#tea-loading-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tea-loading__inner{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.6rem}.tea-loading__logo{font-family:"Noto Serif JP",Cormorant Garamond,Georgia,serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:300;letter-spacing:.45em;text-indent:.45em;color:#1c2b4a;opacity:0;animation:hr-rise-in 1s cubic-bezier(.25,.46,.45,.94) .2s forwards}@keyframes hr-rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tea-loading__line{display:flex;align-items:center;gap:.8rem;opacity:0;animation:hr-rise-in .6s ease .7s forwards}.tea-loading__line:before,.tea-loading__line:after{content:"";display:block;width:48px;height:1px;background:#b8975a;opacity:.7}.tea-loading__diamond{width:6px;height:6px;background:#b8975a;transform:rotate(45deg);flex-shrink:0;animation:hr-diamond-pulse 2s ease-in-out 1s infinite}@keyframes hr-diamond-pulse{0%,to{opacity:1;transform:rotate(45deg) scale(1)}50%{opacity:.5;transform:rotate(45deg) scale(.7)}}.tea-loading__tagline{font-family:Noto Sans JP,-apple-system,sans-serif;font-size:clamp(.9rem,1.6vw,1.1rem);letter-spacing:.3em;text-indent:.3em;color:#8a8a8a;text-transform:uppercase;opacity:0;animation:hr-rise-in .8s ease 1s forwards}.tea-loading__progress{width:120px;height:1px;background:#b8975a33;position:relative;overflow:hidden;opacity:0;animation:hr-rise-in .4s ease 1.2s forwards}.tea-loading__progress-bar{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#b8975a,transparent);animation:hr-progress 2s ease 1.4s forwards}@keyframes hr-progress{0%{left:-100%}to{left:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/harerina-loading.css.map */