.preview{--_background-color:var(--dk--color--surface);--_padding:var(--dk--space--2);padding:var(--_padding);position:absolute;top:0;z-index:50;a:hover{opacity:var(--dk--opacity--75)}}.preview__arrow{--_size:var(--dk--space--3);position:relative}.preview__arrow:before{block-size:0;border-style:solid;content:"";inline-size:0;position:absolute;transform:translateX(-50%)}.preview__arrow--up:before{border-color:transparent transparent var(--_background-color) transparent;border-width:0 var(--_size) var(--_size) var(--_size);left:50%;top:0;top:calc(var(--_size)*-1 + 1px)}.preview__arrow--down:before{border-color:var(--_background-color) transparent transparent transparent;border-width:var(--_size) var(--_size) 0 var(--_size);bottom:0;bottom:calc(var(--_size)*-1 + 1px);left:50%}.preview__bubble{--_padding-block:var(--dk--space--3);--_padding-inline:var(--dk--space--4);background-color:var(--_background-color);box-shadow:var(--dk--shadow--softer),var(--dk--shadow--inset);max-width:calc(100vw - var(--_padding)*2 - var(--_padding-inline)*2);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);width:var(--dk--space--64);.preview--large &{width:var(--dk--space--128)}}.preview__html:after{clear:both;content:"";display:block}.preview__image{--_size:var(--dk--space--16);block-size:var(--_size);float:right;inline-size:var(--_size);padding-block-end:var(--dk--space--2);padding-inline-start:var(--dk--space--2)}.preview__link{color:var(--dk--color--text-highlight);display:inline-flex;font-size:var(--dk--font-size--sm);line-height:var(--dk--line-height--sm);text-decoration:none;&:before{content:"→";padding-inline-end:var(--dk--space--2)}&:after{content:"";inset:0;position:absolute;z-index:10}}.preview__link-wrapper{margin-block:var(--dk--space--0)}.preview__text{color:var(--dk--color--text);font-size:var(--dk--font-size--sm);line-height:var(--dk--line-height--sm);margin-block:var(--dk--space--0);a{position:relative;z-index:20}}.preview__title{color:var(--dk--color--text-strong);font-size:var(--dk--font-size--sm);font-weight:var(--dk--font-weight--bold);line-height:var(--dk--line-height--sm);margin-block:var(--dk--space--0)}.preview-animation{opacity:var(--dk--opacity--0);pointer-events:none;transition:transform var(--dk--transition-duration--fast) var(--dk--transition-timing-function--ease-out),opacity var(--dk--transition-duration--fast) linear,visibility var(--dk--transition-duration--fast) linear;visibility:hidden}.preview-animation--up{transform:translateY(4px) scale(.8);transform-origin:bottom center}.preview-animation--down{transform:translateY(-4px) scale(.8);transform-origin:top center}.preview-animation--visible{opacity:var(--dk--opacity--100);pointer-events:auto;transform:translateY(0) scale(1);transition:transform var(--dk--transition-duration--fast) var(--dk--transition-timing-function--ease-out-back),opacity var(--dk--transition-duration--fast) linear,visibility var(--dk--transition-duration--fast) linear;visibility:visible}.preview-hidden{display:none}