.oliver-section{--oliver-size:80px;max-width:1200px;margin:auto;padding:0 20px;color:#1a1916}.oliver-lane{height:100px;position:relative;overflow:hidden;background:#fff4c9;border-bottom:2px solid #cdbf8e}.oliver-traveler{position:absolute;left:0;bottom:4px;width:var(--oliver-size);height:var(--oliver-size);pointer-events:none;animation:oliver-travel 12s ease-in-out infinite;animation-play-state:paused}.oliver-direction{width:100%;height:100%;animation:oliver-direction 12s step-end infinite;animation-play-state:paused}.oliver-sprite{width:100%;height:100%;background-image:var(--oliver-atlas);background-repeat:no-repeat;background-size:400% 900%;background-position:0 0;image-rendering:pixelated;animation:oliver-steps .72s steps(4,end) infinite;animation-play-state:paused}.oliver-section.is-visible:not(.is-paused) .oliver-traveler,.oliver-section.is-visible:not(.is-paused) .oliver-direction,.oliver-section.is-visible:not(.is-paused) .oliver-sprite{animation-play-state:running}.oliver-section[data-mode=form] .oliver-traveler{left:calc(100% - var(--oliver-size));animation:none}.oliver-section[data-mode=form] .oliver-direction{animation:none}.oliver-section .oliver-sprite,.oliver-result .oliver-sprite{display:block}.oliver-section[data-mode=form] .oliver-sprite{background-position:66.6667% 62.5%;animation:none}.oliver-section[data-mode=form].is-celebrating .oliver-sprite{background-position:33.3333% 100%;animation:oliver-cheer 1.1s steps(3,end) 1}.oliver-result{width:80px;height:80px;display:block;margin:0 auto 12px;pointer-events:none}.oliver-result .oliver-sprite{background-position:33.3333% 100%;animation:oliver-cheer 1.1s steps(3,end) 1;animation-play-state:running}.oliver-result[hidden],.oliver-section.is-hidden .oliver-lane{display:none}.oliver-controls{display:flex;justify-content:flex-end;padding:4px 0 8px}.oliver-toggle{min-height:44px;min-width:44px;padding:8px 12px;border:0;background:transparent;color:#1a1916;text-decoration:underline;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer}.oliver-toggle:focus-visible{outline:3px solid #813f23;outline-offset:2px}@keyframes oliver-travel{0%,5%{left:0}45%,55%{left:calc(100% - var(--oliver-size))}95%,to{left:0}}@keyframes oliver-direction{0%,49%{transform:scaleX(1)}50%,99%{transform:scaleX(-1)}to{transform:scaleX(1)}}@keyframes oliver-steps{0%{background-position:0 0}to{background-position:133.3333% 0}}@keyframes oliver-cheer{0%{background-position:0 100%}to{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.oliver-traveler,.oliver-direction,.oliver-sprite{animation:none!important}.oliver-section[data-mode=form].is-celebrating .oliver-sprite{background-position:33.3333% 100%}}.oliver-section[data-mode=walk]{position:fixed;z-index:40;right:12px;bottom:72px;width:min(240px,55vw);max-width:none;margin:0;padding:0;pointer-events:none}.oliver-section[data-mode=walk] .oliver-lane{height:84px;background:transparent;border:0;overflow:hidden}.oliver-section[data-mode=walk] .oliver-controls{padding:0;justify-content:flex-end}.oliver-section[data-mode=walk] .oliver-toggle{pointer-events:auto;min-height:44px;padding:6px 10px;border-radius:20px;background:#fff;color:#1a1916;box-shadow:0 1px 5px #0003;font-size:12px}.oliver-section[data-mode=form]{display:none}@media(max-width:600px){.oliver-section[data-mode=walk]{width:150px;right:8px;bottom:76px;--oliver-size:64px}.oliver-section[data-mode=walk] .oliver-lane{height:68px}}.oliver-section[data-mode=walk]{--oliver-size:168px;width:min(300px,70vw)}.oliver-section[data-mode=walk] .oliver-lane{height:172px}.oliver-section[data-mode=walk] .oliver-traveler{left:var(--oliver-progress,0%);transform:translate(calc(-1 * var(--oliver-progress,0%)));animation:none;transition:left .25s ease,transform .25s ease}.oliver-section[data-mode=walk] .oliver-direction{animation:none;transform:scaleX(1)}.oliver-section[data-mode=walk][data-scroll-direction=up] .oliver-direction{transform:scaleX(-1)}.oliver-section[data-mode=walk] .oliver-sprite{animation:none;background-position:66.6667% 62.5%}.oliver-section[data-mode=walk].is-scrolling:not(.is-paused) .oliver-sprite{animation:oliver-steps .72s steps(4,end) infinite}@media(max-width:600px){.oliver-section[data-mode=walk]{--oliver-size:112px;width:170px}.oliver-section[data-mode=walk] .oliver-lane{height:116px}}@media(prefers-reduced-motion:reduce){.oliver-section[data-mode=walk] .oliver-traveler{transition:none}.oliver-section[data-mode=walk] .oliver-direction{transform:none!important}}.oliver-bubble{position:absolute;right:0;bottom:100%;width:min(260px,80vw);padding:12px 42px 12px 14px;border:1px solid #d6c994;border-radius:14px;background:#fffdf4;color:#24211b;box-shadow:0 4px 18px #0002;font:500 14px/1.4 inherit;pointer-events:auto}.oliver-bubble[hidden],.oliver-section.is-hidden .oliver-bubble{display:none}.oliver-bubble p{display:block;margin:0;font-size:14px;line-height:1.4}.oliver-bubble button{position:absolute;top:3px;right:3px;width:40px;height:40px;border:0;background:transparent;color:#24211b;font-size:22px;cursor:pointer}.oliver-bubble button:focus-visible{outline:3px solid #813f23}@media(max-width:600px){.oliver-bubble{width:min(240px,80vw);font-size:13px}.oliver-bubble p{font-size:13px}}.oliver-bubble{bottom:calc(100% + 9px);right:20px;border:2px solid #30271e;border-radius:18px;background:#fffdf4;box-shadow:0 4px #30271e20;padding:14px 42px 14px 15px}.oliver-bubble:after{content:"";position:absolute;bottom:-12px;right:48px;width:18px;height:18px;background:#fffdf4;border-right:2px solid #30271e;border-bottom:2px solid #30271e;transform:rotate(45deg)}.ms-register__intro>.oliver-section[data-mode=walk]{position:relative;right:auto;bottom:auto;width:100%;max-width:100%;min-height:160px;margin:20px 0 0;padding:0 0 36px;display:flex;align-items:center;justify-content:flex-start;gap:8px;pointer-events:auto;--oliver-size:132px}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-lane{width:148px;height:136px;flex:0 0 148px;overflow:hidden;background:transparent;border:0;order:0}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-traveler{left:8px;right:auto;bottom:0;transform:none;animation:none;transition:none}.ms-register__intro>.oliver-section[data-mode=walk].is-visible .oliver-traveler{animation:oliver-arrive 1.1s ease-out 1 both}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-direction{transform:none;animation:none}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-sprite{animation:none;background-position:66.6667% 62.5%}.ms-register__intro>.oliver-section[data-mode=walk].is-visible .oliver-sprite{animation:oliver-steps .55s steps(4,end) 2}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-controls{position:absolute;bottom:0;left:0;padding:0}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-toggle{box-shadow:none;background:transparent}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-bubble{position:relative;bottom:auto;right:auto;order:1;flex:1 1 auto;width:auto;max-width:245px;margin:0 0 0 6px}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-bubble:after{bottom:auto;top:50%;right:auto;left:-10px;transform:translateY(-50%) rotate(135deg)}.ms-register__intro>.oliver-section[data-mode=walk].is-hidden{min-height:44px}@keyframes oliver-arrive{0%{transform:translate(-50px)}to{transform:translate(0)}}@media(max-width:600px){.ms-register__intro>.oliver-section[data-mode=walk]{--oliver-size:104px;min-height:145px}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-lane{width:112px;height:108px;flex-basis:112px}.ms-register__intro>.oliver-section[data-mode=walk] .oliver-bubble{min-width:0}}@media(prefers-reduced-motion:reduce){.ms-register__intro>.oliver-section[data-mode=walk].is-visible .oliver-traveler,.ms-register__intro>.oliver-section[data-mode=walk].is-visible .oliver-sprite{animation:none!important}}.oliver-section[data-oliver-hd][data-mode=walk] .oliver-sprite{width:75%;height:100%;margin:auto;background-image:var(--oliver-atlas);background-size:400% 100%;background-position:0 0;image-rendering:auto;animation:none}.oliver-section[data-oliver-hd][data-mode=walk].is-scrolling:not(.is-paused) .oliver-sprite{animation:oliver-hd-walk .72s steps(4,end) infinite}.oliver-section[data-oliver-hd][data-mode=walk]:has(.oliver-bubble:not([hidden])):not(.is-scrolling) .oliver-sprite{background-image:var(--oliver-help);background-size:400% auto;background-position:0 50%}.oliver-result .oliver-sprite{width:75%;height:100%;margin:auto;background-size:400% auto;background-position:0 50%;image-rendering:auto;animation:oliver-hd-cheer 1.2s steps(4,end) 2;animation-play-state:running}.oliver-result{width:110px;height:145px}@keyframes oliver-hd-walk{0%{background-position:0 0}to{background-position:133.3333% 0}}@keyframes oliver-hd-cheer{0%{background-position:0 50%}to{background-position:133.3333% 50%}}@media(prefers-reduced-motion:reduce){.oliver-section[data-oliver-hd][data-mode=walk] .oliver-sprite,.oliver-result .oliver-sprite{animation:none!important}}.oliver-section[data-oliver-hd][data-mode=walk] .oliver-traveler{left:auto;right:0;transform:none;transition:none}.oliver-section[data-oliver-hd][data-mode=walk] .oliver-direction,.oliver-section[data-oliver-hd][data-mode=walk][data-scroll-direction=up] .oliver-direction{transform:none}.oliver-section[data-oliver-hd][data-mode=walk].is-scrolling:not(.is-paused) .oliver-direction{animation:oliver-drift .9s ease-in-out infinite alternate}@keyframes oliver-drift{0%{transform:translateY(-6px) rotate(-3deg)}to{transform:translateY(5px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.oliver-section[data-oliver-hd][data-mode=walk] .oliver-direction{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/269/assets/mac-students-oliver.css.map */