.floating-charms{--floating-charms-content-width: 560px;position:relative;width:100%;min-height:var(--floating-charms-height);overflow:visible;background:var(--floating-charms-background);color:var(--floating-charms-text);isolation:isolate}.floating-charms__stage{position:relative;min-height:var(--floating-charms-height);height:100%}.floating-charms__medals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.floating-charms__medal{position:absolute;top:var(--floating-charms-safe-y, var(--floating-charms-y));left:var(--floating-charms-safe-x, var(--floating-charms-x));width:var(--floating-charms-width);transform:translate(-50%,-50%);pointer-events:none}.floating-charms__float{display:block;animation:floating-charms-drift var(--floating-charms-duration) ease-in-out var(--floating-charms-delay) infinite alternate;will-change:transform}.floating-charms__image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.14))}.floating-charms__content{position:absolute;top:52%;left:50%;z-index:2;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:min(var(--floating-charms-content-width),calc(100% - 48px));padding:16px 24px 22px;background:transparent;box-shadow:none;transform:translate(-50%,-50%);text-align:center;isolation:isolate}.floating-charms__eyebrow{margin:0 0 24px;font-family:var(--FONT-STACK-SUBHEADING);font-size:clamp(11px,.85vw,14px);font-weight:var(--FONT-WEIGHT-SUBHEADING);letter-spacing:.26em;line-height:1.2;text-transform:uppercase}.floating-charms__heading{width:max-content;max-width:calc(100vw - 48px);margin:0;font-family:var(--FONT-STACK-HEADING);font-size:clamp(25.6px,2.4vw,36.8px);font-weight:500;letter-spacing:.12em;line-height:1.08;text-transform:uppercase}.floating-charms__description{width:min(760px,calc(100vw - 48px));max-width:760px;align-self:center;margin:28px 0 0;text-align:center;font-family:var(--FONT-STACK-SUBHEADING);font-size:clamp(11px,.85vw,14px);font-weight:var(--FONT-WEIGHT-SUBHEADING);letter-spacing:.26em;line-height:1.2;text-transform:uppercase}.floating-charms__button{min-width:230px;margin-top:30px;border-radius:999px;box-shadow:none}.floating-charms__button:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover);color:var(--btn-text-hover)}.floating-charms--static .floating-charms__float{animation:none}@media(prefers-reduced-motion:reduce){.floating-charms__float{animation:none}}@keyframes floating-charms-drift{0%{transform:translate3d(var(--floating-charms-amplitude-x-a),var(--floating-charms-amplitude-y-a),0) rotate(var(--floating-charms-rotation-a))}35%{transform:translate3d(var(--floating-charms-amplitude-x-b),var(--floating-charms-amplitude-y-b),0) rotate(var(--floating-charms-rotation-b))}68%{transform:translate3d(var(--floating-charms-amplitude-x-c),var(--floating-charms-amplitude-y-c),0) rotate(var(--floating-charms-rotation-c))}to{transform:translateZ(0) rotate(0)}}@media only screen and (min-width:750px)and (max-width:1099px){.floating-charms__content{width:min(480px,calc(100% - 44px))}.floating-charms__heading{font-size:clamp(24px,3.6vw,36.8px)}.floating-charms__description{width:100%}}@media only screen and (max-width:749px){.floating-charms{min-height:var(--floating-charms-height-mobile)}.floating-charms__stage{min-height:0;height:auto}.floating-charms__medals{position:relative;height:min(500px,calc(100vw + 48px))}.floating-charms__medal{top:var(--floating-charms-safe-y, var(--floating-charms-mobile-y));left:var(--floating-charms-safe-x, var(--floating-charms-mobile-x));width:min(var(--floating-charms-mobile-width),12vw)}.floating-charms__medal--hidden-mobile{display:none}.floating-charms__image{filter:drop-shadow(0 6px 8px rgba(0,0,0,.11))}.floating-charms__content{position:relative;top:auto;left:auto;width:calc(100% - 40px);margin:24px auto 0;padding:18px 16px 20px;background:transparent;box-shadow:none;transform:none}.floating-charms__eyebrow{margin-bottom:20px;font-size:11px;letter-spacing:.23em}.floating-charms__heading{width:auto;max-width:360px;font-size:clamp(12.8px,3.84vw,14.4px);letter-spacing:.08em;line-height:1.14}.floating-charms__description{width:auto;max-width:360px;margin-top:25px;letter-spacing:.23em}.floating-charms__button{width:100%;margin-top:26px}}@media only screen and (max-width:360px){.floating-charms__content{width:calc(100% - 32px)}.floating-charms__heading{font-size:12.8px}.floating-charms__description{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/floating-charms.css.map */