.surface-_84dc166b1fb2605f{--beduin-surface-border-width:0;--beduin-surface-border-color:transparent;--background-color:transparent;--highlight-background-color:transparent;background:var(--background-color);transition:background .18s ease-out;position:relative;overflow:hidden}.surface-_84dc166b1fb2605f.activeHighlight-_84dc166b1fb2605f{background:var(--background-color)}.withBorder-_84dc166b1fb2605f:after{content:"";margin:calc(var(--beduin-surface-border-width)*-1);top:var(--beduin-surface-border-width);left:var(--beduin-surface-border-width);right:var(--beduin-surface-border-width);bottom:var(--beduin-surface-border-width);border:var(--beduin-surface-border-width)var(--beduin-surface-border-color)solid;pointer-events:none;border-radius:inherit;position:absolute}