composition-drawer{display:flex}composition-drawer>.composition-drawer-trigger{display:flex;text-align:left;font-size:1.3rem;text-decoration:underline;text-decoration-thickness:.1rem;font-weight:600}@media screen and (max-width:749px){composition-drawer>.composition-drawer-trigger{font-size:1.2rem}}composition-drawer>.composition-drawer-trigger:hover{text-decoration-thickness:.15rem}.composition-drawer__wrapper{display:block}.composition-drawer{display:flex}.composition-drawer[open]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000}.composition-drawer__open-wrapper{display:inline-block;cursor:pointer}.composition-drawer__open{text-decoration:none;color:rgb(var(--color-foreground))}.js menu-drawer>.composition-drawer>summary:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease;display:block}.js menu-drawer>.composition-drawer[open]>summary:before{opacity:1;visibility:visible}.composition-drawer__container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;display:flex;justify-content:flex-end}.composition-drawer__inner{background-color:rgb(var(--color-background));width:100%;height:100%;overflow-y:auto;pointer-events:all;transition:transform var(--duration-default) ease;max-width:56.8rem;display:flex;flex-direction:column;border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));border-style:solid;border-width:0 0 0 var(--drawer-border-width);filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)));transform:translate(100%)}.menu-opening .composition-drawer__inner{transform:translate(0)}.js .disclosure-has-popup:not(.menu-opening) .composition-drawer__inner{transform:translate(100%)}.composition-drawer__header{position:relative;padding:2rem 4rem 0rem;display:flex;justify-content:space-between;align-items:center;width:100%}.composition-drawer__heading{margin:0;display:flex;align-items:center;gap:1rem;line-height:1;letter-spacing:-.02rem;font-family:var(--font-body-family);font-weight:500;font-size:1.4rem}.composition-drawer__close{display:flex;align-items:center;justify-content:center;cursor:pointer;width:4.4rem;height:4.4rem;background:transparent;border:none;padding:0;color:rgb(var(--color-foreground));margin-top:-2rem;position:absolute;right:3rem}.composition-drawer__close .svg-wrapper{width:1.5rem;height:1.5rem}.composition-drawer__content{padding:2rem 4rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2rem;font-weight:500}.composition-drawer__picto{display:block;margin-bottom:1rem}.composition-drawer__content p,.composition-drawer__content ul,.composition-drawer__content a{margin:0}.composition-drawer__content ul{list-style-type:none;padding:0;display:inline}.composition-drawer__content li{display:inline;margin-right:.25rem}@media screen and (max-width:749px){.composition-drawer__header{padding:2.5rem 2rem 0}.composition-drawer__heading{font-size:1.2rem}.drawer__title{padding-bottom:2rem}.composition-drawer__content{padding:2.5rem 2rem}.composition-drawer__close{right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-composition-drawer.css.map */