@layer components{.c-caption{--caption-background:#fff;--caption-colour:var(--brand-charcoal);--caption-icon-code:"\2b";--caption-border-radius:20px;--caption-height:40px;--content-width:363px;align-items:flex-start;border-radius:var(--caption-border-radius);color:var(--caption-colour);display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);margin:0;opacity:.9;position:relative;transition:all .3s ease;z-index:1}.c-caption__toggle-wrapper{background:var(--caption-background);border-radius:var(--caption-border-radius);bottom:0;left:0;opacity:1;position:absolute;visibility:visible}.c-caption__content-wrapper,.c-caption__toggle-wrapper{-moz-column-gap:.5rem;column-gap:.5rem;display:flex;padding:.4rem .74rem .55rem .85rem}.c-caption__content-wrapper{max-width:var(--content-width);opacity:0;visibility:hidden;width:100%}.c-caption--right .c-caption__content-wrapper{justify-content:flex-end}.c-caption--right .c-caption__toggle-icon{order:1}.c-caption__background{background:var(--caption-background);border-radius:var(--caption-border-radius);bottom:0;height:0;position:absolute;width:0;z-index:-1}.c-caption--left .c-caption__background{left:0;right:auto}.c-caption--right .c-caption__background{left:auto;right:0}.c-caption--left .c-caption__toggle-wrapper{left:0;right:auto}.c-caption--right .c-caption__toggle-wrapper{left:auto;right:0}.c-caption--right{display:flex;justify-content:flex-end;text-align:right}.c-caption__toggle{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:5}.c-caption__toggle-icon{display:block}.c-caption__toggle-icon:after{content:var(--caption-icon-code);font-family:var(--fa-font-family);font-weight:var(--font-weight-thin)}.c-caption__toggle-icon--open{--caption-icon-code:"\2b"}.c-caption__toggle-icon--close{--caption-icon-code:"\f068"}.c-caption.is-open,.c-caption:hover{--caption-background:var(--brand-blue-grey)}}