.loader-host{place-items:center;display:grid;overflow:visible}.loader-host--fixed{min-width:4.25rem;min-height:4.25rem}.loader-host--md .loader{--loader-size:5.5rem;--loader-dot-outer:.68rem;--loader-dot-inner:.46rem;--loader-ring-gap:.42rem;min-width:5.5rem;min-height:5.5rem}.loader-host--lg .loader{--loader-size:7rem;--loader-dot-outer:.85rem;--loader-dot-inner:.58rem;--loader-ring-gap:.5rem;min-width:7rem;min-height:7rem}.loader-host--xl .loader{--loader-size:9rem;--loader-dot-outer:1.05rem;--loader-dot-inner:.72rem;--loader-ring-gap:.6rem;min-width:9rem;min-height:9rem}.loader-host--2xl .loader{--loader-size:11rem;--loader-dot-outer:1.25rem;--loader-dot-inner:.85rem;--loader-ring-gap:.7rem;min-width:11rem;min-height:11rem}.loader-host--fill{width:100%;min-width:3.5rem;height:100%;min-height:3.5rem;container-type:inline-size}.loader{--dot-outer:var(--loader-dot-outer,.55rem);--dot-inner:var(--loader-dot-inner,.38rem);--ring-gap:var(--loader-ring-gap,.35rem);--ring-phase:22.5deg;--dot-primary:rgb(var(--primary));--dot-secondary:rgb(var(--secondary));width:var(--loader-size,3.125rem);height:var(--loader-size,3.125rem);box-sizing:border-box;flex-shrink:0;place-items:center;min-width:3.125rem;min-height:3.125rem;padding:.4rem;display:grid;overflow:visible}.loader--fill{aspect-ratio:1;--dot-outer:13.5%;--dot-inner:9%;--ring-gap:9%;width:min(90cqw,14rem);height:auto;max-height:100%}.loader:before,.loader:after{content:"";transform-origin:50%;background-position:50% 8%,79.7% 20.3%,92%,79.7% 79.7%,50% 92%,20.3% 79.7%,8%,20.3% 20.3%;background-repeat:no-repeat;background-size:var(--dot-outer)var(--dot-outer);grid-area:1/1;place-self:center;width:100%;height:100%;animation:1.8s linear infinite travelshop-loader-spin-outer}.loader:after{background-image:radial-gradient(farthest-side,var(--dot-primary)92%,transparent),radial-gradient(farthest-side,var(--dot-primary)92%,transparent),radial-gradient(farthest-side,var(--dot-primary)92%,transparent),radial-gradient(farthest-side,var(--dot-primary)92%,transparent),radial-gradient(farthest-side,var(--dot-primary)92%,transparent),radial-gradient(farthest-side,var(--dot-primary)92%,transparent),radial-gradient(farthest-side,var(--dot-primary)92%,transparent),radial-gradient(farthest-side,var(--dot-primary)92%,transparent)}.loader:before{width:calc(100% - var(--ring-gap)*2);height:calc(100% - var(--ring-gap)*2);background-size:var(--dot-inner)var(--dot-inner);background-image:radial-gradient(farthest-side,var(--dot-secondary)92%,transparent),radial-gradient(farthest-side,var(--dot-secondary)92%,transparent),radial-gradient(farthest-side,var(--dot-secondary)92%,transparent),radial-gradient(farthest-side,var(--dot-secondary)92%,transparent),radial-gradient(farthest-side,var(--dot-secondary)92%,transparent),radial-gradient(farthest-side,var(--dot-secondary)92%,transparent),radial-gradient(farthest-side,var(--dot-secondary)92%,transparent),radial-gradient(farthest-side,var(--dot-secondary)92%,transparent);animation-name:travelshop-loader-spin-inner}@keyframes travelshop-loader-spin-outer{0%{transform:rotate(0)}to{transform:rotate(.5turn)}}@keyframes travelshop-loader-spin-inner{0%{transform:rotate(var(--ring-phase))}to{transform:rotate(calc(.5turn + var(--ring-phase)))}}@media (prefers-reduced-motion:reduce){.loader:before,.loader:after{animation:none}.loader:before{transform:rotate(var(--ring-phase))}}
