.oeuvres-modal__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:99998;opacity:0;visibility:hidden;pointer-events:none;transition:none!important;animation:none!important;transform:none!important}.oeuvres-modal__overlay.active{opacity:1;visibility:visible;pointer-events:auto;cursor:pointer;transition:none!important;animation:none!important;transform:none!important}@keyframes modalSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.oeuvres-modal{position:fixed!important;top:98px!important;left:0!important;width:auto!important;height:auto!important;z-index:99999!important;padding:0!important;margin:0!important;opacity:0;visibility:hidden;pointer-events:none;overflow:visible!important;box-sizing:border-box;background:none!important;border:none!important;transform:none;transition:opacity .3s ease,visibility .3s ease}.oeuvres-modal.active{opacity:1;visibility:visible;pointer-events:none;transform:none}.oeuvres-modal.active .oeuvres-modal__content{pointer-events:auto}.oeuvres-modal__content{position:relative;background-color:#fff;border:1px solid #DFBE71;border-radius:0;padding:1.8rem 1.2rem 1.6rem;max-width:800px;width:80%;max-height:calc(100vh - 2rem);overflow-y:auto;transform:translateY(-100%) scale(.9);opacity:0;z-index:10000;margin:0;box-sizing:border-box;display:flex;flex-direction:column;transition:transform .3s ease,opacity .3s ease}@media screen and (max-width: 750px){.oeuvres-modal__content{margin-left:0;margin-right:1rem}}@media screen and (min-width: 1100px){.oeuvres-modal__content{margin-top:0}}.oeuvres-modal.active .oeuvres-modal__content{transform:translateY(0) scale(1);opacity:1;animation:modalSlideDown .5s ease-out forwards}.oeuvres-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#000;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;z-index:10001}.oeuvres-modal__close:hover{opacity:.7}.oeuvres-modal__close svg{width:1.5rem;height:1.5rem}.oeuvres-modal__body{color:#000;max-height:100%;overflow-y:auto}.oeuvres-modal__title{font-size:1.5rem;font-weight:700;margin-bottom:2.5rem;color:#000;text-align:center;text-transform:uppercase;padding:0}.oeuvres-modal__collections{display:flex;flex-direction:row;background-color:transparent;gap:1.2rem;padding:0}.oeuvres-modal__collection-item{flex:1;overflow:visible;display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid #DFBE71;padding:1.2rem .8rem;background-color:#fff;box-shadow:0 2px 8px #0000001a;min-height:100%;cursor:default}.oeuvres-modal__collection-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;cursor:pointer}.oeuvres-modal__collection-frame{border:none;padding:.5rem;background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-bottom:0;width:100%;height:100%;overflow:visible}.oeuvres-modal__collection-image{width:100%;max-width:230px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:transparent;margin-bottom:5rem;position:relative;transition:transform .3s ease}.oeuvres-modal__collection-image img{width:100%;height:auto;display:block;object-fit:contain;background-color:transparent;transition:transform .3s ease;max-width:100%}@media (hover: hover) and (pointer: fine){.oeuvres-modal__collection-item:hover{cursor:pointer}.oeuvres-modal__collection-item:hover .oeuvres-modal__collection-image{transform:scale(1.03)}.oeuvres-modal__collection-link:hover{text-decoration:none}}.oeuvres-modal__collection-item:nth-child(2) .oeuvres-modal__collection-image{max-width:280px;height:171px;margin:0 auto;padding:0}.oeuvres-modal__collection-item:nth-child(2) .oeuvres-modal__collection-image img{width:auto;height:171px;max-width:100%;object-fit:contain}.oeuvres-modal__collection-item:nth-child(1) .oeuvres-modal__collection-image,.oeuvres-modal__collection-item:nth-child(3) .oeuvres-modal__collection-image{max-width:230px;height:171px;margin:0 auto}.oeuvres-modal__collection-item:nth-child(1) .oeuvres-modal__collection-image img,.oeuvres-modal__collection-item:nth-child(3) .oeuvres-modal__collection-image img{width:auto;height:171px;max-width:100%;object-fit:contain}.oeuvres-modal__collection-title{font-family:sans-serif;font-size:16px;font-weight:500;text-align:center;padding:0;margin:auto 0 0;padding-top:2.5rem;color:#000;text-transform:uppercase;letter-spacing:.5px;align-self:center}.oeuvres-modal-trigger{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;text-decoration:none;padding:1.4rem;display:flex;align-items:center;white-space:nowrap}@media screen and (min-width: 1330px){.oeuvres-modal-trigger{padding:1.5rem}}.oeuvres-modal-trigger .oeuvres-caret{display:inline-flex;align-items:center;margin-left:.6rem;position:static!important;right:auto!important;left:auto!important}.oeuvres-modal-trigger .oeuvres-caret svg{width:.8rem;height:.8rem}.oeuvres-modal-trigger:hover{opacity:1}.oeuvres-modal-trigger .header__active-menu-item{color:#fff}.header__inline-menu .oeuvres-modal-trigger{align-items:center}.oeuvres-modal-trigger span:not(.header__active-menu-item)>span{position:relative;display:inline-block}.oeuvres-modal-trigger span:not(.header__active-menu-item)>span:after{content:"";position:absolute;bottom:-.7rem;left:50%;transform:translate(-50%);width:0;height:1px;background-color:#dfbe71;transition:width .3s ease}@media (hover: hover) and (pointer: fine){.oeuvres-modal-trigger:hover span:not(.header__active-menu-item)>span:after{width:calc(100% + .8rem)}}body.oeuvres-modal-open,html.oeuvres-modal-open{overflow:hidden!important}body.oeuvres-modal-open .header-wrapper,body.oeuvres-modal-open main,body.oeuvres-modal-open footer{pointer-events:none}body.oeuvres-modal-open .oeuvres-modal__overlay,body.oeuvres-modal-open .oeuvres-modal__content{pointer-events:auto}body.oeuvres-modal-open,body.oeuvres-modal-open .header-wrapper,body.oeuvres-modal-open main,body.oeuvres-modal-open .header{overflow:visible!important}#oeuvres-modal{position:fixed!important;z-index:99999!important}#oeuvres-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important}body.template-blog .oeuvres-modal-overlay,body.template-blog .oeuvres-modal__overlay,body.template-blog #oeuvres-modal-overlay{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/oeuvres-modal.css.map */