.accordeon-container{border-top:1px solid rgba(0,0,0,.3);border-bottom:1px solid rgba(0,0,0,.3)}.accordeon-container details[open] .arrow-accordeon{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.accordeon-container .accordeon-header{padding:30px 35px;position:relative}.accordeon-container .accordeon-header .picto{position:absolute;top:0;bottom:0;right:30px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}@media screen and (max-width: 989px){.accordeon-container .accordeon-header .picto{right:0}}@media screen and (max-width: 989px) and (max-width: 989px){.accordeon-container .accordeon-header .picto .arrow-accordeon{width:20px}}.accordeon-container .accordeon-header .picto .arrow-accordeon{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.accordeon-container .accordeon-content{text-align:center}.accordeon-container .accordeon-content .accordeon-text{width:63.5416666667vw;margin:0 auto 50px}.accordeon-container.personnalization{border:none;background:#fff;position:relative}.accordeon-container.personnalization.onTop{z-index:12}.accordeon-container.personnalization.message{margin-top:35px}@media screen and (max-width: 989px){.accordeon-container.personnalization.message .accordeon-header{padding:13px 0}}.accordeon-container.personnalization .accordeon-header{padding:13px 0;margin-bottom:20px;border-radius:10px;background:#fbfbfb}.accordeon-container.personnalization .accordeon-header[aria-expanded=true]{margin-bottom:0}.accordeon-container.personnalization .accordeon-header[aria-expanded=true] .picto{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.accordeon-container.personnalization .accordeon-header *{pointer-events:none}.accordeon-container.personnalization .accordeon-title{margin-right:10px}.accordeon-container.personnalization .accordeon-content{border-radius:0 0 10px 10px;background:#fbfbfb;font-weight:400;padding:35px 20px 30px;margin-bottom:30px}.accordeon-container.personnalization .accordeon-content .personnalization-resume{width:100%;display:none;margin-bottom:15px}.accordeon-container.personnalization .accordeon-content .personnalization-resume.visible{display:flex}.accordeon-container.personnalization .accordeon-content .personnalization-resume .personnalization-resume-text{margin-right:40px}.accordeon-container.personnalization .accordeon-content .personnalization-resume .modify-link{cursor:pointer;position:relative}.accordeon-container.personnalization .accordeon-content .personnalization-resume .modify-link:after{content:"";width:100%;height:1px;position:absolute;background:rgb(var(--color-foreground));top:auto;bottom:-1px;left:auto;right:0;margin:auto;pointer-events:none;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.accordeon-container.personnalization .accordeon-content .personnalization-resume .modify-link:hover:after{-webkit-animation:.5s anim_underline;-moz-animation:.5s anim_underline;-o-animation:.5s anim_underline;animation:.5s anim_underline}.accordeon-container.personnalization .accordeon-content .personnalization-form-container.invisible{display:none}.accordeon-container.personnalization .accordeon-content .personnalization-form-container .personnalization-text{position:relative;margin-bottom:25px;padding:16px;width:100%;border-radius:10px;border:1px solid black;font-family:var(--font-body-family);font-weight:var(--font-body-weight)}.accordeon-container.personnalization .accordeon-content .personnalization-form-container .personnalization-colors{margin-bottom:25px}.accordeon-container.personnalization .accordeon-content .personnalization-form-container .personnalization-colors .personnalization-color{padding:16px 20px;border:1px solid black;border-radius:15px;opacity:.4;cursor:pointer;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.accordeon-container.personnalization .accordeon-content .personnalization-form-container .personnalization-colors .personnalization-color.selected,.accordeon-container.personnalization .accordeon-content .personnalization-form-container .personnalization-colors .personnalization-color:hover{opacity:1}.accordeon-container.personnalization .accordeon-content .personnalization-form-container .personnalization-colors .personnalization-color:not(:last-child){margin-right:10px}.accordeon-container.personnalization .accordeon-content .disclaimer{font-weight:350;opacity:.6}.accordeon-container.personnalization .accordeon-content .personnalization-form-buttons{display:block}.accordeon-container.personnalization .accordeon-content .personnalization-form-buttons.invisible{display:none}.accordeon-container.personnalization .accordeon-content .personnalization-form-buttons .button{width:100%}.accordeon-container.personnalization .accordeon-content .personnalization-form-buttons .cancel-btn{margin:0 auto;cursor:pointer;position:relative}.accordeon-container.personnalization .accordeon-content .personnalization-form-buttons .cancel-btn:after{content:"";width:100%;height:1px;position:absolute;background:rgb(var(--color-foreground));top:auto;bottom:-1px;left:auto;right:0;margin:auto;pointer-events:none;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.accordeon-container.personnalization .accordeon-content .personnalization-form-buttons .cancel-btn:hover:after{-webkit-animation:.5s anim_underline;-moz-animation:.5s anim_underline;-o-animation:.5s anim_underline;animation:.5s anim_underline}.accordeon-container.personnalization .accordeon-content label{margin-bottom:10px}.accordeon-container.personnalization .accordeon-content .disclaimer,.accordeon-container.personnalization .accordeon-content .validate-btn{margin-bottom:20px}@media screen and (max-width: 989px){.accordeon-container.personnalization{border-radius:15px}.accordeon-container.personnalization .accordeon-header{padding:0}.accordeon-container.personnalization .picto{position:static}.accordeon-container.personnalization .accordeon-content{padding:15px 15px 30px}}.accordion summary{display:flex;position:relative;line-height:1;padding:1rem 0 1rem 1rem}.accordion .summary__title{display:flex;flex:1}.accordion .summary__title+.icon-caret{height:calc(var(--font-heading-scale) * .6rem)}.accordion{margin-bottom:0}.accordion__title{max-width:calc(100% - 6rem);font-weight:500;margin:0;word-break:break-word;align-content:center;font-weight:200}.accordion .icon-accordion{align-self:center;fill:rgb(var(--color-foreground));height:calc(var(--font-heading-scale) * 2rem);margin-right:calc(var(--font-heading-scale) * 1rem);width:calc(var(--font-heading-scale) * 2rem)}.accordion details[open]>summary .icon-caret{transform:rotate(180deg)}.accordion__content{margin-bottom:1.5rem;word-break:break-word;overflow-x:auto;padding:0 .6rem}.accordion__content ul{padding-left:0!important}.accordion__content img{max-width:100%}.accordion+.accordion{margin-top:0!important;border-top:1px solid #99999f}
/*# sourceMappingURL=/cdn/shop/t/81/assets/component-accordeon.css.map */