.rf-oui-ic{position:absolute;z-index:3;top:8px;left:8px;display:inline-flex;align-items:center;height:32px;min-width:32px;border-radius:999px;background:#fffdf8e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #b8975a8c,0 6px 14px -8px #3c28188c;color:#7a2433;text-decoration:none;overflow:hidden;transition:background .3s,box-shadow .3s,transform .3s cubic-bezier(.2,.7,.2,1)}.rf-oui-ic svg{flex:none;display:block;width:32px;height:32px;padding:5px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.rf-oui-ic span{display:block;max-width:0;opacity:0;padding-right:0;white-space:nowrap;font-family:var(--rf-serif,"Bodoni Moda",Georgia,serif);font-style:italic;font-size:13.5px;line-height:1;letter-spacing:.01em;color:#2a221c;transition:max-width .45s cubic-bezier(.2,.7,.2,1),opacity .3s,padding .45s cubic-bezier(.2,.7,.2,1)}.rf-oui-ic span b{font-weight:400;color:#7a2433}.rf-oui-ic:hover,.rf-oui-ic:focus-visible{background:#fffdf8;box-shadow:inset 0 0 0 1px #b8975acc,0 10px 20px -10px #7a24338c}.rf-oui-ic:hover svg,.rf-oui-ic:focus-visible svg{transform:rotate(-8deg)}.rf-oui-ic:hover span,.rf-oui-ic:focus-visible span{max-width:170px;opacity:1;padding-right:13px}.rf-oui-ic:focus-visible{outline:1px solid #7A2433;outline-offset:2px}.rf-oui-ic--pdp{top:14px;left:14px;height:38px;min-width:38px}.rf-oui-ic--pdp svg{width:38px;height:38px;padding:7px}.rf-oui-ic--pdp span{font-size:15px}.rf-oui-ic--pdp:hover span,.rf-oui-ic--pdp:focus-visible span{padding-right:16px}@media(hover:none){.rf-oui-ic span{display:none}}@media(max-width:700px){.rf-oui-ic{top:6px;left:6px;height:28px;min-width:28px}.rf-oui-ic svg{width:28px;height:28px;padding:4.5px}.rf-oui-ic--pdp{top:10px;left:10px;height:34px;min-width:34px}.rf-oui-ic--pdp svg{width:34px;height:34px;padding:6px}}@media(prefers-reduced-motion:reduce){.rf-oui-ic,.rf-oui-ic svg,.rf-oui-ic span{transition:none}}body:has(.rf-oui-ic:hover) .mcur-ring,body:has(.rfc-wl:hover) .mcur-ring,body:has(.g-main .g-nav:hover) .mcur-ring,body:has(.g-main .lbx-open:hover) .mcur-ring{opacity:0!important;width:10px!important;height:10px!important;margin:-5px 0 0 -5px!important}body:has(.rf-oui-ic:hover) .mcur-label,body:has(.rfc-wl:hover) .mcur-label{opacity:0!important}
/*# sourceMappingURL=/cdn/shop/t/19/assets/rf-oui-ic.css.map */
