.loading-screen{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100dvh;padding-top:var(--padding-top-section-mobile);padding-bottom:var(--padding-bottom-section-mobile);background:var(--backgroun-color);z-index:10000}@media screen and (min-width:750px){.loading-screen{padding-top:var(--padding-top-section-desktop);padding-bottom:var(--padding-bottom-section-desktop)}}.loading-screen__logo-holder{position:absolute;text-decoration:none;color:currentColor;width:100%;max-width:calc(var(--logo-max-width, 520px) + 40px);padding:0 20px}.loading-screen__logo-holder img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.loading-screen__dots-wrap{position:relative;width:100%;height:100%}.loading-screen__dots-container{position:absolute;display:flex;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:2em;grid-auto-columns:1fr;grid-row-gap:2em;justify-content:center;align-items:center;flex-flow:wrap;pointer-events:none;top:0;right:0;bottom:0;left:0}.loading-screen__dots-container:empty{display:flex}.loading-screen__dot{position:relative;width:1em;height:1em;background:var(--color-dot-default);border-radius:50%;transform:translate(0);transform-origin:center;will-change:transform,background-color}.loading-screen__dot:empty{display:block}.loading-screen--has-names .loading-screen__dots-wrap{display:none}.loading-screen__names{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:7vh 3vw;pointer-events:none;color:#f3e6dc;opacity:1;transition:opacity .45s ease}.loading-screen__names-row{display:flex;justify-content:space-between;align-items:center}.loading-screen__names-row--offset{transform:translate(calc(50% / var(--ls-cols, 6)))}.loading-screen__names span{flex:1;text-align:center;font-size:clamp(.78rem,1.25vw,1.1rem);font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;white-space:nowrap;min-height:1.2em}@media screen and (max-width:749.98px){.loading-screen__names{padding:8vh 2vw}.loading-screen__names span{font-size:clamp(.72rem,3.2vw,.95rem)}}.loading-screen--logo-in .loading-screen__names{opacity:0}.loading-screen--has-names .loading-screen__logo-holder{opacity:0;transition:opacity .5s ease}.loading-screen--logo-in .loading-screen__logo-holder{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-loading-screen.out.css.map */