@layer components{.quick-link{--quick-link-display:flex;--quick-link-align-items:center;--quick-link-justify-content:center;--quick-link-gap:var(--quick-link-padding);--quick-link-padding:var(--spacing-s);--quick-link-margin:0;--quick-link-width:fit-content;--quick-link-cursor:pointer;--quick-link-transition:transform var(--animation-duration-fast) var(--animation-easing-normal),background-color var(--animation-duration-fast) var(--animation-easing-normal);--quick-link-text-decoration:none;--quick-link-figure-size:var(--quick-link-icon-size);--quick-link-image-border-radius:var(--border-radius-normal);--quick-link-icon-size:32px;--quick-link-icon-color:var(--color-bg);--quick-link-text-font-family:var(--font-family-text);--quick-link-text-font-size:var(--font-size-normal);--quick-link-text-font-weight:var(--font-weight-text-normal);--quick-link-text-color:var(--color-bg);--quick-link-text-line-height:1;align-items:var(--quick-link-align-items);background-color:var(--quick-link-bg-color);border-radius:var(--quick-link-border-radius);cursor:var(--quick-link-cursor);display:var(--quick-link-display);flex-flow:var(--quick-link-flex-flow);gap:var(--quick-link-gap);justify-content:var(--quick-link-justify-content);margin:var(--quick-link-margin);padding:var(--quick-link-padding);-webkit-text-decoration:var(--quick-link-text-decoration);text-decoration:var(--quick-link-text-decoration);transform:translateX(var(--quick-link-translate-x));transition:var(--quick-link-transition);width:var(--quick-link-width)}.quick-link:is(:hover,:focus-visible){--quick-link-text-display:block;background-color:var(--quick-link-bg-color-hover)}.quick-link:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.quick-link[data-element-design=default],.quick-link[data-element-design=primary]{--quick-link-bg-color:var(--color-primary);--quick-link-bg-color-hover:var(--color-primary-dark)}.quick-link[data-element-design=secondary]{--quick-link-bg-color:var(--color-secondary);--quick-link-bg-color-hover:var(--color-secondary-dark)}.quick-link[data-element-design=inverted]{--quick-link-bg-color:var(--color-font);--quick-link-bg-color-hover:var(--color-font-dark)}.quick-links[data-horizontal-position=left] .quick-link{--quick-link-flex-flow:row-reverse nowrap;--quick-link-border-radius:0 var(--border-radius-normal) var(--border-radius-normal) 0;--quick-link-translate-x:calc(-100% + var(--quick-link-icon-size) + var(--quick-link-padding)*2)}.quick-links[data-horizontal-position=right] .quick-link{--quick-link-flex-flow:row nowrap;--quick-link-border-radius:var(--border-radius-normal) 0 0 var(--border-radius-normal);--quick-link-translate-x:calc(100% - var(--quick-link-icon-size) - var(--quick-link-padding)*2)}.quick-links[data-horizontal-position] .quick-link:is(:hover,:focus-visible){--quick-link-translate-x:0}.quick-link__figure{height:var(--quick-link-figure-size);width:var(--quick-link-figure-size)}.quick-link__icon{background-color:var(--quick-link-icon-color);display:block;height:var(--quick-link-icon-size);-webkit-mask-image:var(--quick-link-image-icon);mask-image:var(--quick-link-image-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--quick-link-icon-size)}.quick-link__text{color:var(--quick-link-text-color);display:var(--quick-link-text-display);font-family:var(--quick-link-text-font-family);font-size:var(--quick-link-text-font-size);font-weight:var(--quick-link-text-font-weight);line-height:var(--quick-link-text-line-height)}}