:root{--rog-fluid-ease: cubic-bezier(.22, 1, .36, 1);--rog-fluid-state: .22s}:where(.rogx-col__plus,.rogx-panier__payer,.rogx-panier__continuer,.rogx-panier__promo-ok,.rogx-marques__note-lien,.rogx-journal__fleche,.rogx-nav__picto){transition:background-color .18s ease,color .18s ease,box-shadow .22s ease,scale .1s var(--rog-fluid-ease)}:where(.rogx-col__plus,.rogx-panier__payer,.rogx-panier__continuer,.rogx-panier__promo-ok,.rogx-journal__fleche,.rogx-nav__picto):not(:disabled):active{scale:.97}:where(.rogx-col__about,.rogx-nav,.rogx-marques,.rogx-col,.rogx-journal) :is(a,button,summary,input):focus-visible{outline:2px solid #b71919;outline-offset:4px}.rogx-col__about{scroll-margin-top:100px}.rogx-col__about summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.rogx-col__about summary::-webkit-details-marker{display:none}.rogx-col__about summary:after{content:"+";font-size:23px;font-weight:400;transition:rotate .22s var(--rog-fluid-ease)}.rogx-col__about[open] summary:after{rotate:45deg}@media(prefers-reduced-motion:no-preference){.rogx-panier.est-ouvert [data-rogx-remise]{animation:rog-discount-in .2s var(--rog-fluid-ease) both}.rogx-col__about[open]>div{animation:rog-detail-in .22s var(--rog-fluid-ease)}}@keyframes rog-discount-in{0%{opacity:.4;translate:0 3px}to{opacity:1;translate:0 0}}@keyframes rog-detail-in{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}@media(hover:hover)and (pointer:fine){.rogx-marques__item a,.rogx-marques__archi a{transition:background-color .18s ease,box-shadow .22s ease,translate .22s var(--rog-fluid-ease)}.rogx-marques__item a:hover,.rogx-marques__archi a:hover{translate:0 -2px}}@media(prefers-reduced-motion:reduce){:where(.rogx-col,.rogx-marques,.rogx-journal,.rogx-nav,.rogx-nav__voile,.rogx-panier) *,.rogx-col__about summary:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:where(.rogx-col,.rogx-marques,.rogx-journal,.rogx-nav,.rogx-nav__voile,.rogx-panier) [data-r],.rogx-col__item,.rogx-marques__item{opacity:1!important;transform:none!important}.rogx-marques__item a,.rogx-marques__archi a{translate:none!important}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/rog-fluid-ui.css.map */