@layer components{@property --arrow-button-upper-arrow-transform{syntax:"<transform-function>";initial-value:translateX(0);inherits:true}.c-arrow-button{--arrow-button-upper-arrow-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);--arrow-button-upper-arrow-transform:translateX(0px);--arrow-button-transition-duration:var(--api-arrow-button-transition-duration,0.5s);--arrow-button-ease-function:cubic-bezier(0.79,0.14,0.15,0.86);--arrow-initial-width:var(--api-arrow-initial-width,min(50%,130px));color:var(--api-arrow-button-color,#000);display:inline-block;font-size:.93rem;font-weight:var(--font-weight-bold);letter-spacing:2.1px;padding-bottom:15px;position:relative;text-align:left;text-decoration:none;text-transform:uppercase}.c-arrow-button--arrow-left{padding-left:18px;padding-right:0}.c-arrow-button input[type=submit]{font-size:inherit;font-weight:inherit;letter-spacing:inherit;margin-bottom:0;text-transform:inherit}.c-arrow-button:before{animation:var(--arrow-button-transition-duration) arrowBorderClipAnimateOut forwards var(--arrow-button-ease-function)}.c-arrow-button--arrow-left:before{animation-name:arrowBorderClipAnimateIn}.c-arrow-button:focus:before,.c-arrow-button:hover:before{animation:var(--arrow-button-transition-duration) arrowBorderClipAnimateIn forwards var(--arrow-button-ease-function)}.c-arrow-button:focus:after,.c-arrow-button:hover:after{animation:var(--arrow-button-transition-duration) arrowNudgeForward forwards var(--arrow-button-ease-function)}.c-arrow-button--arrow-left:focus:before,.c-arrow-button--arrow-left:hover:before{animation-name:arrowBorderClipAnimateOut}.c-arrow-button:focus,.c-arrow-button:hover{--arrow-button-upper-arrow-clip-path:polygon(100% 0%,200% 0%,200% 100%,100% 100%);--arrow-button-upper-arrow-transform:translateX(5px);text-decoration:none}@container style(--api-arrow-button-hover-activated: 1){.c-arrow-button{--arrow-button-upper-arrow-clip-path:polygon(100% 0%,200% 0%,200% 100%,100% 100%);--arrow-button-upper-arrow-transform:translateX(5px);text-decoration:none}.c-arrow-button:before{animation:var(--arrow-button-transition-duration) arrowBorderClipAnimateIn forwards var(--arrow-button-ease-function)}.c-arrow-button:after{animation:var(--arrow-button-transition-duration) arrowNudgeForward forwards var(--arrow-button-ease-function)}.c-arrow-button--arrow-left:before{animation-name:arrowBorderClipAnimateOut}}.c-arrow-button:before{background-color:var(--api-arrow-button-border-color,var(--brand-bronze));content:"";height:8px;inset:auto 18px 0 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 3px,#000 0,#000 5px,transparent 0,transparent 8px);mask-image:linear-gradient(180deg,transparent 0,transparent 3px,#000 0,#000 5px,transparent 0,transparent 8px);-webkit-mask-position:calc(100% - 4px) 0;mask-position:calc(100% - 4px) 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-type:luminance;position:absolute}.c-arrow-button--arrow-left:before{inset:auto 0 0 18px}.c-arrow-button:after{animation:var(--arrow-button-transition-duration) arrowNudgeBackward forwards var(--arrow-button-ease-function);background-color:currentColor;content:"";display:inline-block;height:1ch;margin-left:8px;-webkit-mask-image:url(../../../img/icons/arrow-right.svg);mask-image:url(../../../img/icons/arrow-right.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;top:-1px;transform:var(--arrow-button-upper-arrow-transform);width:1ch}.c-arrow-button--arrow-down:after{transform:rotate(90deg) var(--arrow-button-upper-arrow-transform)}.c-arrow-button--arrow-left:after{inset:3px auto auto 0;margin-left:0;margin-right:8px;-webkit-mask-position:top;mask-position:top;position:absolute;transform:rotate(180deg) var(--arrow-button-upper-arrow-transform)}@keyframes arrowBorderClipAnimateIn{0%{clip-path:polygon(0 3px,var(--arrow-initial-width) 3px,var(--arrow-initial-width) 5px,0 5px)}40%{clip-path:polygon(0 3px,70% 3px,70% 5px,0 5px)}70%{clip-path:polygon(calc(100% - var(--arrow-initial-width)) 3px,100% 3px,100% 5px,calc(100% - var(--arrow-initial-width)) 5px)}to{clip-path:polygon(calc(100% - var(--arrow-initial-width)) 0,100% 0,100% 8px,calc(100% - var(--arrow-initial-width)) 8px)}}@keyframes arrowBorderClipAnimateOut{0%{clip-path:polygon(calc(100% - var(--arrow-initial-width)) 0,100% 0,100% 8px,calc(100% - var(--arrow-initial-width)) 8px)}20%{clip-path:polygon(calc(100% - var(--arrow-initial-width)) 3px,100% 3px,100% 5px,calc(100% - var(--arrow-initial-width)) 5px)}60%{clip-path:polygon(0 3px,70% 3px,70% 5px,0 5px)}to{clip-path:polygon(0 3px,var(--arrow-initial-width) 3px,var(--arrow-initial-width) 5px,0 5px)}}@keyframes arrowNudgeForward{0%{--arrow-button-upper-arrow-transform:translateX(0px)}60%{--arrow-button-upper-arrow-transform:translateX(0px)}to{--arrow-button-upper-arrow-transform:translateX(3px)}}@keyframes arrowNudgeBackward{0%{--arrow-button-upper-arrow-transform:translateX(3px)}20%{--arrow-button-upper-arrow-transform:translateX(0px)}to{--arrow-button-upper-arrow-transform:translateX(0px)}}}