.od-glow{position:relative;overflow:hidden;isolation:isolate}.od-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:0;background:radial-gradient(11rem 11rem at var(--od-x,50%) var(--od-y,50%),var(--od-light, rgba(255,255,255,.22)),transparent 70%)}.od-glow:hover:after{opacity:1}.od-glow--dark{--od-light: rgba(46,59,40,.1)}.od-ripple{position:absolute;left:var(--od-x,50%);top:var(--od-y,50%);width:0;height:0;border-radius:50%;pointer-events:none;z-index:0;background:var(--od-light, rgba(255,255,255,.35));transform:translate(-50%,-50%);animation:od-ripple .55s ease-out forwards}@keyframes od-ripple{to{width:var(--od-r,32rem);height:var(--od-r,32rem);opacity:0}}.odr{display:inline-block;position:relative;overflow:hidden;vertical-align:bottom}.odr>span{display:block;animation-delay:inherit}.odr-old{animation:od-roll-out .32s cubic-bezier(.4,0,.2,1) both}.odr-new{position:absolute;left:0;top:0;animation:od-roll-in .32s cubic-bezier(.4,0,.2,1) both}.odr--down .odr-old{animation-name:od-roll-out-down}.odr--down .odr-new{animation-name:od-roll-in-down}@keyframes od-roll-out{to{transform:translateY(-100%);opacity:0}}@keyframes od-roll-in{0%{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}@keyframes od-roll-out-down{to{transform:translateY(100%);opacity:0}}@keyframes od-roll-in-down{0%{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}.opdp-dl-form{position:relative}.od-otp{display:flex;gap:.6rem;flex:1;min-width:0}.od-otp input{flex:1;min-width:0;max-width:5.2rem;aspect-ratio:1 / 1.15;text-align:center;padding:0;font-family:ORIVA Mono,ui-monospace,monospace;font-size:1.6rem;color:#2e3b28;caret-color:#721a17;border:1px solid rgba(116,129,135,.5);background:#fff;border-radius:0;transition:border-color .2s ease,box-shadow .2s ease}.od-otp input:focus{outline:0;border-color:#2e3b28;box-shadow:0 0 0 3px #2e3b281f}.od-otp input.is-filled{border-color:#2e3b28}.opdp-dl-form.od-has-otp [data-dl-input],.opdp-dl-form.od-has-otp button[type=submit]{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.opdp-dl-msg.is-checking .oi,.opdp-dl-msg.is-verified .oi{display:none}.opdp-dl-msg.is-checking:before{content:"";flex:0 0 auto;width:1.8rem;height:1.8rem;margin-top:.15rem;border-radius:50%;border:1.5px solid rgba(46,59,40,.22);border-top-color:#721a17;animation:od-orbit .8s linear infinite}.opdp-dl-msg.is-verified:before{content:"";flex:0 0 auto;width:2rem;height:2rem;margin-top:.05rem;border-radius:50%;background-color:#2e3b28;animation:od-pop .45s cubic-bezier(.2,.8,.2,1) both;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5l4 4 8-9'/></svg>");background-size:70% 70%;background-position:center;background-repeat:no-repeat}@keyframes od-orbit{to{transform:rotate(360deg)}}@keyframes od-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:none}}.oid-head{position:relative;z-index:1;box-shadow:0 8px 14px -10px #2e3b2880}.oid-pane{position:relative;background:#f4f1ea;margin:1.4rem 1.6rem 2.6rem;padding:1.6rem 2rem 2.4rem!important}.oid-pane:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:8px;background:radial-gradient(circle at 6px 0,#F4F1EA 5.4px,transparent 6px) 0 0 / 12px 8px repeat-x}.oid-pane .oid-grp:first-child{margin-top:0}.od-ticket{position:relative;display:block!important;width:100%}.od-ticket:before{content:"";display:block;width:min(100%,44rem);height:7px;margin:0 auto;border-radius:4px;background:#2e3b28;box-shadow:inset 0 2px 3px #0006;position:relative;z-index:2}.od-ticket-paper{position:relative;display:flex;align-items:center;justify-content:center;gap:.8rem;text-align:center;background:#f4f1ea;color:#2e3b28;max-width:42rem;margin:0 auto;padding:2.2rem 2.4rem 2.6rem;transform-origin:50% 0}.od-ticket-paper:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:8px;background:radial-gradient(circle at 6px 0,#F4F1EA 5.4px,transparent 6px) 0 0 / 12px 8px repeat-x}.od-confetti{position:absolute;left:50%;top:1.4rem;width:0;height:0;pointer-events:none;z-index:3}.od-confetti i{position:absolute;left:-3px;top:-5px;width:6px;height:10px;border-radius:1px;opacity:0;transform:rotate(var(--a,0deg)) translateY(0) rotate(0);animation:od-confetti 1.2s cubic-bezier(.2,.7,.3,1) forwards}@keyframes od-confetti{0%{opacity:1;transform:rotate(var(--a,0deg)) translateY(0) rotate(0)}to{opacity:0;transform:rotate(var(--a,0deg)) translateY(calc(-1 * var(--d,60px))) rotate(var(--r,180deg))}}.od-sending{position:relative;overflow:hidden;pointer-events:none}.od-sending:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#ffffff38;transform-origin:0 50%;transform:scaleX(0);animation:od-fill 1.8s cubic-bezier(.25,.6,.25,1) forwards}.od-glow--dark.od-sending:before{background:#2e3b281a}@keyframes od-fill{to{transform:scaleX(1)}}.od-field{position:relative}.od-field .od-ok{position:absolute;right:1.4rem;top:50%;width:1.8rem;height:1.8rem;transform:translateY(-50%) scale(.6);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:2}.od-field .od-ok svg{width:100%;height:100%;fill:none;stroke:#2e3b28;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.od-field.is-valid .od-ok{opacity:1;transform:translateY(-50%) scale(1)}.od-field.od-field--pw .od-ok,.newsletter-form .od-field .od-ok,.od-field:has(.field__button) .od-ok{right:5.4rem}.footer .od-field .od-ok svg{stroke:currentColor}.od-eye{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:3.2rem;height:3.2rem;padding:.5rem;background:none;border:0;cursor:pointer;color:#2e3b28;opacity:.7;z-index:2}.od-eye:hover{opacity:1}.od-eye svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.od-eye:not(.is-on) .od-eye-slash{display:none}.od-shake{animation:od-shake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes od-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media(prefers-reduced-motion:no-preference){.oid.is-open .oid-pane:not([hidden]){animation:od-feed .5s cubic-bezier(.2,.7,.2,1) both}.oid.is-open .oid-pane:not([hidden]) :is(.oid-grp,.oid-rows>div,.oid-note,.oid-prose>*){animation:od-print .42s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.12s + var(--od-i,0) * 60ms)}.oid.is-open .oid-pane:not([hidden]) .oid-total dd{animation:od-stamp .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.42s + var(--od-i,0) * 60ms)}.od-ticket-paper{animation:od-issue .9s cubic-bezier(.2,.7,.2,1) both}}@keyframes od-feed{0%{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}@keyframes od-print{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes od-stamp{0%{transform:scale(1.18);opacity:.2}55%{transform:scale(.97);opacity:1}to{transform:none;opacity:1}}@keyframes od-issue{0%{clip-path:inset(0 0 100% 0);transform:translateY(-12px)}to{clip-path:inset(0 0 -10px 0);transform:none}}@media(prefers-reduced-motion:reduce){.od-glow:after,.od-ripple,.odr>span,.od-confetti i,.od-sending:before,.od-shake,.opdp-dl-msg.is-checking:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/oriva-drive.css.map */